https://github.com/tomaszklekner/dev-portfolio-frontend
Friendly Dev Frontend Website
https://github.com/tomaszklekner/dev-portfolio-frontend
formspree motion react-icons react-markdown react-router reactjs tailwindcss
Last synced: about 23 hours ago
JSON representation
Friendly Dev Frontend Website
- Host: GitHub
- URL: https://github.com/tomaszklekner/dev-portfolio-frontend
- Owner: TomaszKlekner
- Created: 2026-03-30T08:20:14.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-30T10:00:45.000Z (3 months ago)
- Last Synced: 2026-03-30T10:25:14.762Z (3 months ago)
- Topics: formspree, motion, react-icons, react-markdown, react-router, reactjs, tailwindcss
- Language: TypeScript
- Homepage: https://dev-portfolio-frontend-sage.vercel.app
- Size: 3.28 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Friendly Dev Frontend Website
This is a portfolio and blog website. It is a **React Router v7 Framework** app that demonstrates modern React best practices.
It includes:
- A dynamic **Projects Page** with filtering, sorting, and pagination.
- A **Blog Section** powered by content from a **Strapi Headless CMS**.
- Fully responsive UI using **Tailwind CSS**.
The projects and blog posts are managed via a Strapi backend. The backend code is available in a separate repo: [Strapi Repo](https://github.com/TomaszKlekner/dev-portfolio-backend)
---
## 🚀 Features
- React Router v7
- Fetching content from Strapi CMS
- Dynamic route-based pages
- Filtering and pagination for projects
- Blog post metadata loading
- Environment-based config with `.env`
- Deployed-API friendly
---
## 🛠️ Setup & Usage
### 1. Start or Deploy the Strapi API
Make sure your Strapi backend is running either locally (`http://localhost:1337`) or deployed (e.g., on Render, Railway, etc.)
### 2. Create a `.env` file
Create a `.env` file in the root and add your API base URL:
```
VITE_API_URL="http://localhost:1337/api"
VITE_STRAPI_URL="http://localhost:1337"
```
### 3. Install Dependencies
```bash
npm install
```
4. Run the App
```bash
npm run dev
```