Flex-folio

Flex-folio is a Next.js application that allows users to showcase their projects to the world. It leverages Firebase for the database and NextAuth for authentication to provide a seamless and secure user experience. With Flex-folio, users can create, update, and display their projects in a user-friendly interface.

Features

• Authentication: Secure login and registration using NextAuth.
• Database: Firebase integration for storing and managing user projects.
• Project Display: Users can showcase their projects with titles, descriptions, and links.
• Responsive Design: The application is fully responsive and accessible on various devices.

Technologies Used

This project utilizes the following technologies:

• Next.js: A React framework for building server-side rendered and static web applications. (Version: 14.2.5)
• Firebase: A platform for building mobile and web applications, used here for the database. (Version: 10.12.4)
• NextAuth: A library for authentication in Next.js applications. (Version: 4.24.7)
• React: A JavaScript library for building user interfaces. (Version: 18)
• React-DOM: The entry point for React DOM rendering. (Version: 18)
• React Icons: A library for using popular icons in React applications. (Version: 5.2.1)
• React Toastify: A library for adding toast notifications in React applications. (Version: 10.0.5)
• Tailwind CSS: A utility-first CSS framework for styling. (Version: 4.0.0)

Installation

1. Clone the repository

   git clone https://github.com/AnanteshG/Flex-Folio

2. Navigate to Project Directory

    cd Flex-Folio

3. Install dependencies

   npm install

4. Add Environment Variables

   NEXTAUTH_SECRET = 
   FIREBASE_API = 
   GOOGLE_CLIENT_ID = 
   GOOGLE_CLIENT_SECRET = 

5. Run the Project

   npm run dev

Your application should now be running at http://localhost:3000.