Tasneem Sahat - Portfolio

This is a full-stack portfolio website built using Next.js. The website showcases various sections including Home, About, Projects, and Contact. It also includes an admin panel for managing the content dynamically.

Live Link

Check out the live version of the portfolio here.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Environment Variables
• Folder Structure
• Scripts
• Contributing
• License

Features

• Dynamic content management through an admin panel
• Responsive design
• Integration with MongoDB for data storage
• Authentication for admin access
• Fetching and displaying project details

Technologies Used

• Next.js
• React
• MongoDB
• Tailwind CSS
• Swiper.js
• Framer Motion

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

• Node.js
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/your-repo.git

2. Navigate to the project directory:

   cd your-repo
   

3. cd your-repo:

   npm install
   

Running the Development Server

To start the development server, run: npm run dev

Building for Production

To build the project for production, run: npm run build

Starting the production Server

To start the production server, run: npm start

Environment Variables

Create a .env file in the root directory and add the following environment variable:

MONGODB_URI=your-mongodb-uri

Folder Structure

.env .gitignore .next/ public/ src/ app/ components/ database/ models/ services/ README.md next.config.js package.json postcss.config.js tailwind.config.js

Scripts

• npm run dev: Starts the development server
• npm run build: Builds the project for production
• npm start: Starts the production server
• npm run lint: Runs the linter

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

License

This project is licensed under the MIT License.