Portfolio-Project

Description

The Portfolio Project is the graduation project of the Holberton Bootcamp It highlights the key skills we learned during the program In this project , we showcase our ability to build a fully integrated backend and frontend using the latest technologies such as Node.js React TailwindCSS and more

Our project is named Qattah

View Mockup on Figma

Technologies Used

Frontend

• React - JavaScript library for building user interfaces
• TailwindCSS - Utility-first CSS framework
• vite -

Backend

• Node.js - JavaScript runtime environment
• supabase - Database and authentication
• Railway -
• Typescript -

Installation

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn package manager
• Git

Steps

1. Clone the repository

git clone https://github.com/KhaledCS1/Portfolio-Project.git
cd Portfolio-Project

2. Install dependencies for the frontend

cd xx
npm install

3. Install dependencies for the backend

cd xx
npm install

5. Start the development servers

Frontend:

cd xx
npm start

Backend:

cd xx
npm run dev

Usage

1. Open your browser and navigate to http://localhost:3000
2. Explore the different sections of the portfolio
3. Test the interactive features and functionality
4. Use the contact form to send messages

Project Structure

Portfolio-Project/
├── frontend/
│   ├── src/
│   ├── public/
│   ├── package.json
│   └── README.md
├── backend/
│   ├── routes/
│   ├── models/
│   ├── middleware/
│   ├── config/
│   ├── package.json
│   └── server.js
├── docs/
└── README.md

Authors

• Khaled Almimoni
• Fahad Alonazi
• Ibrahim Alfaleh

---