Next Portfolio

Theme by Jigar sable

|

Updated: 12 May 2024

|

172 Stars

Portfolio built using Next.js, TailwindCSS, and Firebase

Categories

Overview

The Next Portfolio is a modern and functional portfolio website built using Next.js, Tailwind CSS, TypeScript, Firebase, SendGrid, and Framer Motion. It offers a dynamic design that showcases a developer’s skills and experience effectively.

Features

• Modern Design: Utilizes Tailwind CSS for a sleek and contemporary look.
• TypeScript Integration: Utilized for code clarity and safety.
• Firebase Backend: Integrated for backend services such as realtime-database.
• Dynamic Portfolio: Showcases the developer’s skills and experience effectively.
• SendGrid Integration: Allows for email functionality within the portfolio.
• Framer Motion Animation: Adds interactive animations for an engaging user experience.

Installation

1. Fork this repository.
2. Clone your forked repository.
3. Install dependencies:

   npm install
   

4. Create a Firebase project and select the web app.
5. Create an .env.local file in the root directory with Firebase config variables.
6. Update sample data.json file with your data.
7. Import json data:
   • Go to Firebase Console, select your project.
   • Go to “Database” -> “Realtime Database” -> “Import JSON” and import data.json file.
8. Run the project.

Summary

The Next Portfolio is a dynamic and modern portfolio website that not only looks visually appealing but also integrates well with backend services like Firebase and SendGrid, offering a seamless experience for showcasing a developer’s skills and experience. The use of TypeScript adds to the code’s clarity and safety, making it a comprehensive solution for creating an impressive online portfolio.