This is a clone app of Instagram created using React, TypeScript, Tailwind CSS, and Appwrite. Below is the documentation for the project.
- Sign In: Implemented a sign-in page to allow users to log in to the app using Appwrite authentication.
- Sign Up: Created a sign-up page to register new users with Appwrite authentication.
- Storage: Utilized Appwrite storage to handle image uploads and media storage.
- Routing: Implemented routing to navigate between different pages of the app.
- React: A JavaScript library for building user interfaces.
- TypeScript: A typed superset of JavaScript that adds static types.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
- Appwrite: An open-source platform providing various backend services such as authentication, storage, and more.
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/instagram-clone.git - Navigate to the project directory:
cd instagram-clone - Install dependencies:
npm install - Start the development server:
npm start
src/components/: Contains the main components of the app including SignIn, SignUp, and AppRouter.src/App.tsx: Main app component responsible for rendering the routing logic.src/index.tsx: Entry point of the app.package.json: Lists the project dependencies and scripts.tsconfig.json: TypeScript configuration file.
Creating this Instagram clone app was a great learning experience, and it helped me explore and implement various features using React, TypeScript, Tailwind CSS, and Appwrite. The project includes sign-in, sign-up pages, image storage using Appwrite, and routing to navigate between different pages of the app.
Feel free to check out the code in the src directory to see how I implemented the features using React, TypeScript, Tailwind CSS, and Appwrite.
For any questions or feedback, please reach out to me.
Happy coding! 🚀