https://github.com/0xtarunkm/instagram-clone
https://github.com/0xtarunkm/instagram-clone
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/0xtarunkm/instagram-clone
- Owner: 0xtarunkm
- Created: 2023-02-01T04:53:20.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-19T09:34:45.000Z (over 2 years ago)
- Last Synced: 2025-01-17T14:55:11.174Z (5 months ago)
- Language: JavaScript
- Homepage: https://instagram-clone-kappa-tan.vercel.app
- Size: 180 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instagram Clone
This is an Instagram clone project built with Next.js and Tailwind CSS, and uses Firebase on the backend for authentication and storage.
## Deployment
The app is deployed on [instagram-clone](https://instagram-clone-kappa-tan.vercel.app). You can view the live demo by clicking on the link.
## Features
- User authentication using Firebase Authentication
- User profile page with profile picture and bio
- User can create, edit, and delete posts
- Home page that displays all posts in chronological order
- Responsive design for different screen sizes
## Getting Started
To get started with this project, follow these steps:
- Clone this repository onto your local machine using ``` git clone ```.
- Install the required dependencies by running ``` npm install ``` or ``` yarn ```.
- Create a new Firebase project and set up the authentication and storage services.
- Copy the Firebase configuration variables into a .env.local file in the root directory of the project.
- Run the development server using ``` npm run dev ``` or ``` yarn dev ```.
## Tech Stack
This project uses the following technologies:
- Next.js: A React framework for server-side rendering and static site generation.
- Tailwind CSS: A utility-first CSS framework for building responsive and custom designs quickly.
- Firebase: A cloud platform for building web and mobile applications, providing authentication, storage, and other services.
## Folder Structure
This project follows the standard Next.js folder structure:
- pages: Contains the pages of the application, including the index page, user profile page, and post pages.
- components: Contains the reusable UI components used throughout the application.
- public: Contains the static assets, such as images and fonts.
- styles: Contains the global styles and Tailwind CSS configuration.
## Contributing
Contributions to this project are welcome! If you find a bug or want to add a new feature, please create an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the LICENSE file for more information.