Skip to content

Immanah/ImmanahPersonalWebsite

Repository files navigation

Immanah Makitla Portfolio A Netflix-inspired portfolio website showcasing my projects, skills, and experience with different views for recruiters, developers, and curious visitors.

Features Netflix-inspired UI with profile selection

Dynamic content based on visitor type (Recruiter, Developer, Curious)

Responsive design for all devices

Animated transitions using Framer Motion

Comprehensive education, skills, project, and experience sections

Tech Stack Frontend: React, Tailwind CSS, Framer Motion, ShadCN UI

Backend: Express.js

State Management: TanStack Query

Routing: Wouter

Build Tools: Vite, TypeScript

Setup After downloading this project, follow these steps to set up the environment:

Install dependencies:

bash Copy Edit npm install Start the development server:

bash Copy Edit npm run dev The application will be available in your browser at http://localhost:5000

Deployment Vercel/Netlify (Recommended) Push your code to GitHub

Connect your repository to Vercel or Netlify

Configure build settings:

Build command: npm run build

Output directory: dist

Install command: npm install

GitHub Pages Install gh-pages:

bash Copy Edit npm install --save-dev gh-pages Add the following to package.json scripts:

json Copy Edit "deploy": "gh-pages -d dist" Deploy with:

bash Copy Edit npm run build && npm run deploy License MIT

About

This respository is my personal wesbite

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages