This project involves creating a clone of the ntwist.com homepage using vite + React.js and Chakra UI. Follow these steps to get started:
Before you begin, make sure you have the following installed:
- Node.js and npm: You can download and install them from nodejs.org.
- Clone this repository to your local machine:
git clone https://github.com/Ajay84sia/NTWIST-Clone.git
cd NTWIST-Clone
- Clone this repository to your local machine:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to http://127.0.0.1:5173/ to see the development version of the ntwist.com homepage. You can now begin making changes to the code.
-
Create a Netlify account if you don't have one: Netlify Sign-Up.
-
Install the Netlify CLI (Command Line Interface) globally:
npm install -g netlify-cli
- Log in to your Netlify account:
netlify login
- Build your React app for production:
npm run build
- Deploy your app to Netlify:
netlify deploy
Follow the prompts in the terminal to set up the deployment, including selecting a site name, build command, and publishing directory. The build command should be npm run build, and the publish directory should be built.
- Once the deployment is complete, your app will be accessible through a Netlify URL (e.g., https://your-site-name.netlify.app). You can configure custom domains and other settings in the Netlify dashboard.
You can customize the clone by editing the React components and styles in the src directory. Make sure to test your changes locally using npm start before deploying to Netlify.
- React.js documentation: React Documentation
- Netlify documentation: Netlify Docs
Happy coding! Feel free to reach out if you have any questions or need further assistance.