Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ol1mowski/portfolio.dev
I designed this portfolio from scratch in Figma and brought it to life using Next.js with Server-Side Rendering (SSR) for optimal performance. The project is styled using Sass to ensure a clean and maintainable codebase.
https://github.com/ol1mowski/portfolio.dev
Last synced: 7 days ago
JSON representation
I designed this portfolio from scratch in Figma and brought it to life using Next.js with Server-Side Rendering (SSR) for optimal performance. The project is styled using Sass to ensure a clean and maintainable codebase.
- Host: GitHub
- URL: https://github.com/ol1mowski/portfolio.dev
- Owner: ol1mowski
- License: gpl-3.0
- Created: 2024-06-03T16:21:55.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-29T21:03:18.000Z (about 2 months ago)
- Last Synced: 2024-10-29T22:45:20.001Z (about 2 months ago)
- Language: TypeScript
- Homepage: https://oliwiermarkiewicz.pl
- Size: 14.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 My React Front-End Developer Portfolio
Welcome to my **React Front-End Developer Portfolio**! This project showcases my skills as a front-end developer, featuring a beautifully crafted portfolio site built with the latest web technologies.
## ✨ Overview
I designed this portfolio **from scratch in Figma** and brought it to life using **Next.js** with **Server-Side Rendering (SSR)** for optimal performance. The project is styled using **Sass** to ensure a clean and maintainable codebase.
### Key Features:
- **🏡 Stunning Landing Page:** A captivating homepage that introduces who I am and what I do.
- **📝 Blog Subpage:** Dedicated to web design topics, where I share insights and tips.
- **📚 Ebook Get Page:** A special section where users can download my ebook, complete with a form and user authentication.
- **🔒 Authentication:** Secure login and registration to access exclusive content.
## 🔧 Tech Stack
- **Framework:** [Next.js](https://nextjs.org/) (React-based framework with SSR)
- **Design:** [Figma](https://figma.com) (Designed from scratch)
- **Styling:** [Sass](https://sass-lang.com/) (CSS with superpowers)
- **Authentication:** Custom authentication logic with session management
## 🚀 How to Run This Project Locally
1. **Clone this repository:**
```bash
git clone https://github.com/yourusername/your-repo-name.git
cd your-repo-name
```
2. **Install dependencies:**
```bash
npm install
```
3. **Run the development server:**
```bash
npm run dev
```
4. **Open in your browser:**
Visit `http://localhost:3000` to see the portfolio in action.
## 🎨 Design Inspiration
The design was carefully crafted in Figma, with a focus on modern web design principles. It reflects my passion for creating intuitive and visually appealing user interfaces.
## 📚 Blog and Ebook Section
The **Blog** subpage offers valuable content on web design, keeping you updated with the latest trends and best practices. On the **Ebook Get Page**, users can download my ebook by filling out a form, secured by an authentication system.
## 🌍 Live Demo
Check out the live version of my portfolio [here](your-live-demo-url).
## 🤝 Contributing
I’m always open to contributions! Feel free to fork this project and submit pull requests. If you encounter any issues, please open an issue in this repository.
## 📫 Contact
Feel free to reach out if you have any questions or feedback. Connect with me on [LinkedIn](your-linkedin-url) or [Twitter](your-twitter-url).
## ⭐️ Show Your Support
If you like this project, please give it a ⭐️ on GitHub—it means