SiteLab

Project Description

SiteLab is a fast and intuitive platform for creating customizable websites or ready-to-use portfolios, designed for anyone who wants to build and publish a polished online presence with ease. Whether you are showcasing your work, sharing information, or creating a personal site, our tools make the process simple, quick, and seamless from start to finish.

---

Features

Primary Features

These are the core things your users will notice and use:

1. Ready-to-Use Portfolio Templates

   • Professionally designed templates for portfolios, resumes, or personal websites
   • Fully responsive and mobile-friendly
   • Quick publishing — your site is live in minutes

2. Custom Website Service

   • Request a fully custom website built by a professional developer
   • Custom designs, features, and integrations based on your needs

3. Instant Publishing & Hosting

   • Get a live site quickly, either template-based or custom
   • Share with a unique link

4. User Dashboard

   • Manage your sites and track requests or published templates

5. SEO & Performance Optimized

   • Sites are fast, lightweight, and search engine friendly

---

Secondary / Additional Features

These enhance the user experience and provide extra value:

1. Drag-and-Drop Website Builder (Coming Soon)

   • Easily rearrange sections, add text, images, and interactive elements
   • Create a custom site layout without coding

2. Custom Domain Integration

   • Connect your own domain easily

3. Template Customization Options

   • Minor edits to text, images, colors before publishing

4. Analytics & Insights

   • Track site visits and engagement

5. Social Media Integration

   • Add links, feeds, or share buttons

6. Support & Tutorials

   • Step-by-step guides and customer support for troubleshooting

7. Collaboration Tools

   • Work with developers or team members on custom site requests

---

User Stories

Link to User Stories

UML Diagrams

Use Case Diagram

Link to Use Case Diagram

Class Diagram

Link to Class Diagram

Sequence Diagram — Create Portfolio of Template

Link to Sequence Diagram

Sequence Diagram — Request Custom Portfolio

Link to Sequence Diagram

Sequence Diagram — A Contact from a visitor to the owner of the portfolio

Link to Sequence Diagram

Wireframes

Link to Wireframes

---

🚀 How to Set Up & Run the Project

Follow these steps to set up the project locally:

1️⃣ Clone the Repository

git clone <repo-link>
cd SiteLab 

2️⃣ Create a Virtual Environment

Mac / Linux:

python3 -m venv venv
source venv/bin/activate

Windows:

python -m venv venv
venv\Scripts\activate

3️⃣ Install Required Dependencies

pip install -r requirements.txt

4️⃣ Apply Database Migrations

python manage.py makemigrations
python manage.py migrate

5️⃣ Load Portfolio Templates (Important) This command inserts the default portfolio templates into the database:

python manage.py load_portfolio_templates

6️⃣ Create Superuser (Optional but Recommended)

python manage.py createsuperuser

7️⃣ Collect Static Files (For Production)

python manage.py collectstatic

8️⃣ Run the Development Server

python manage.py runserver

The project will now be accessible at:

👉 http://127.0.0.1:8000/