https://github.com/ajay84sia/ntwist-clone
NTWIST Clone
https://github.com/ajay84sia/ntwist-clone
aos chakra-ui reactjs vite
Last synced: about 1 month ago
JSON representation
NTWIST Clone
- Host: GitHub
- URL: https://github.com/ajay84sia/ntwist-clone
- Owner: Ajay84sia
- Created: 2023-11-06T09:20:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-07T07:13:09.000Z (over 1 year ago)
- Last Synced: 2025-02-04T13:29:51.302Z (3 months ago)
- Topics: aos, chakra-ui, reactjs, vite
- Language: JavaScript
- Homepage: https://ajay-ntwist.netlify.app/
- Size: 4.15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Clone ntwist.com Homepage in React.js.
This project involves creating a clone of the ntwist.com homepage using vite + React.js and Chakra UI. Follow these steps to get started:
[Deployed Link](https://ajay-ntwist.netlify.app/)
[Github Link](https://github.com/Ajay84sia/NTWIST-Clone)# Prerequisites
Before you begin, make sure you have the following installed:- Node.js and npm: You can download and install them from nodejs.org.
# Installation
1. Clone this repository to your local machine:
```
git clone https://github.com/Ajay84sia/NTWIST-Clone.git```
```
cd NTWIST-Clone
```2. Clone this repository to your local machine:
```
npm install```
## Development
1. Start the development server:
```
npm run dev```
2. 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.
## Deployment to Netlify
1. Create a Netlify account if you don't have one: [Netlify Sign-Up](https://app.netlify.com/signup).
2. Install the Netlify CLI (Command Line Interface) globally:
```
npm install -g netlify-cli```
3. Log in to your Netlify account:
```
netlify login```
4. Build your React app for production:```
npm run build```
5. 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.
6. 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.
## Customization
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.## Additional Resources
- React.js documentation: [React Documentation](https://reactjs.org/docs/getting-started.html)
- Netlify documentation: [Netlify Docs](https://docs.netlify.com/)## Output (Large Screen):
## Header -
## Homepage -
## Footer -
## Output (Small Screen):
## Header -
## Homepage -
## Footer -
Happy coding! Feel free to reach out if you have any questions or need further assistance.