https://github.com/t4sn33m-s4h4t/next-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.
https://github.com/t4sn33m-s4h4t/next-portfolio
full-stack-portfolio mern-portfolio next-portfolio portfolio portfolio-website
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/t4sn33m-s4h4t/next-portfolio
- Owner: t4sn33m-s4h4t
- Created: 2025-02-07T18:47:12.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-07T18:53:43.000Z (4 months ago)
- Last Synced: 2025-02-07T19:32:28.893Z (4 months ago)
- Topics: full-stack-portfolio, mern-portfolio, next-portfolio, portfolio, portfolio-website
- Language: JavaScript
- Homepage: https://tasneem-jet.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://tasneem-jet.vercel.app/).
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Environment Variables](#environment-variables)
- [Folder Structure](#folder-structure)
- [Scripts](#scripts)
- [Contributing](#contributing)
- [License](#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:
```sh
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.