Welcome to PicaBook, a modern and sleek social media platform that allows users to connect, share posts, and explore content from others. This project is built using the Next.js framework for the frontend, Tailwind CSS for styling, and Firebase for the backend infrastructure.
This project is the result of the Caffeine Coders team's effort in the 24-hour hackathon in Graphic Era Hill University. The team was leaded by me (Navharsh Kumar) along with Saurabh Anand and Divanshi Sharma as my fellow teammates.
-
User Authentication: Secure user authentication powered by Firebase Authentication. Users can sign up, log in, and enjoy a personalized experience.
-
Feed Interaction: Users can create, edit, and delete their posts. The feed dynamically updates to showcase the latest posts from friends and the community.
-
User Profiles: Explore other users' profiles to view their posts, follow them, and stay updated on their activities.
-
Real-time Updates: Thanks to Firebase's real-time database, users experience seamless updates to the feed and notifications in real-time.
-
Next.js: A React framework for building server-side rendered and statically generated web applications.
-
Tailwind CSS: A utility-first CSS framework for building modern and responsive designs.
-
Firebase: A comprehensive platform by Google for building web and mobile applications, providing authentication, database, and hosting services.
-
Clone the Repository:
git clone https://github.com/navharsh/PicaBook.git
-
Navigate to Project Directory:
cd PicaBook -
Install Dependencies:
npm install
-
Set up Firebase:
- Create a new Firebase project at Firebase Console.
- Obtain your Firebase configuration (apiKey, authDomain, projectId, etc.).
- Replace the placeholder values in the project's configuration file (
src/firebase/config.js) with your Firebase configuration.
-
Run the Application:
npm run dev
-
Open in Browser: Open your browser and navigate to http://localhost:3000.
/pages: Contains the Next.js pages for different routes./components: Reusable React components used throughout the application./styles: Styling files, including Tailwind CSS configuration./firebase: Firebase configuration and utility functions.
We welcome contributions to make PicaBook even better! Please refer to the CONTRIBUTING.md file for guidelines.
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Hat tip to anyone whose code was used.
- Inspiration: Facebook, for setting the standard in social media platforms.
Enjoy connecting with PicaBook! 📸