Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gaureshpai/shreepathi
@shree2307's personal website is expertly crafted with Next.js and MongoDB, ensuring a dynamic and responsive user interface.
https://github.com/gaureshpai/shreepathi
html-css-javascript mongodb nextjs typescript
Last synced: 2 days ago
JSON representation
@shree2307's personal website is expertly crafted with Next.js and MongoDB, ensuring a dynamic and responsive user interface.
- Host: GitHub
- URL: https://github.com/gaureshpai/shreepathi
- Owner: gaureshpai
- Created: 2024-05-26T12:04:36.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T20:44:14.000Z (8 days ago)
- Last Synced: 2025-02-02T21:26:33.525Z (8 days ago)
- Topics: html-css-javascript, mongodb, nextjs, typescript
- Language: TypeScript
- Homepage: https://shreepathi.vercel.app
- Size: 2.16 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Sure, here's the README.md file for your Shreepathi Portfolio project with an updated structure to reflect the app structure.
# Shreepathi Portfolio
Welcome to the Shreepathi Portfolio GitHub repository! This project showcases my skills and projects using various web technologies.
## Technologies Used
- **HTML/CSS/JavaScript**: For creating and styling the front-end of the portfolio.
- **Node.js**: For handling the server-side logic.
- **Next.js**: For building the React-based front-end with server-side rendering.
- **MongoDB**: For storing data related to the portfolio.
## Project Structure
```
shreepathi-portfolio/
│
├── public/
│ ├── images/
│ └── styles/
│
├── app/
│ ├── components/
│ ├── pages/
│ ├── styles/
│ └── utils/
│
├── .gitignore
├── package.json
├── README.md
└── next.config.js
```
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/gaureshpai/portfolio.git
cd portfolio
```
2. **Install dependencies:**
```bash
npm install
```
3. **Set up environment variables:**
Create a `.env` file in the root directory and add the necessary environment variables. Example:
```
MONGODB_URI=your_mongodb_connection_string
```
4. **Run the development server:**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Features
- **Responsive Design**: The portfolio is fully responsive, ensuring it looks great on all devices.
- **Dynamic Content**: Projects and other portfolio content are dynamically loaded from a MongoDB database.
- **Server-Side Rendering**: Built with Next.js to ensure fast load times and SEO optimization.
- **Reusable Components**: The project uses a modular approach with reusable React components.
## Contributing
Feel free to contribute to this project by submitting a pull request. Make sure to follow the guidelines below:
1. Fork the repository.
2. Create a new branch with a descriptive name.
3. Make your changes and commit them with a clear message.
4. Push your changes to the branch.
5. Submit a pull request to the main repository.
## License
This project is licensed under the MIT License.
## Contact
For any questions or suggestions, feel free to reach out:
- [Email](mailto:[email protected])
- [LinkedIn](https://linkedin.com/in/gaureshpai)
Thank you for visiting my portfolio repository! Don't forget to star the repo if you found it useful! 🌟