Skip to content

Sitta250/SE_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Team

📂 Folder Structure

/project-management-app
│── /public
│   ├── /css
│   │   ├── style.css          # Main styles
│   │   ├── auth.css           # Styles specific for login/signup
│   │   ├── dashboard.css      # Styles for main dashboard
│   ├── /js
│   │   ├── auth.js            # Login & Sign-Up logic
│   │   ├── dashboard.js       # Logic for main dashboard
│   │   ├── api.js             # All API calls (Kinlo's part)
│   │   ├── utils.js           # Reusable functions
│   ├── /assets
│   │   ├── logo.png           # Any images/icons used
│   ├── index.html             # Login/Signup page
│   ├── dashboard.html         # Dashboard (dummy for now)
│── /src                       #empty for now
│   ├── /components
│   │   ├── smth.html
│   │   ├── smth.html
│── README.md
│── .gitignore

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/awerks/SE_frontend.git
cd SE_frontend

2️⃣ Open in VS Code

code .

3️⃣ Start Working on Your Task

Christofer (HTML & CSS)

  • change the name and id of elements. right now i just use smth like 'container' but make it more specific so it won't affect other elements in the future
  • Ensure responsiveness using Flexbox & CSS.
  • Tasks:
  • make the color of text in the toggle box change faster when toggling between modes. -place the toggle button at the top corner. now it's just there lol
  • Push changes to a separate branch before merging.

Kinlo (API & Data Handling)

  • I'm still thinking about JS task

Andrei (Navigation & UI Logic)

  • Make sure the navigation runs smoothly between pages
  • Make sure no user that does not have the required permission accesses sth they shouldn't
  • Make sure everything respects the UI logic and integrates well into the system

✅ **Ben Sitta **

  • Manage workflow and review pull requests.
  • Support each member
  • Finalize Figma design for upcoming features.

🔄 Git Workflow

  1. Pull latest changes before starting new work:
    git pull origin main
  2. Create a new branch for your feature:
    git checkout -b feature-name
  3. Make changes & commit:
    git add .
    git commit -m "Describe your changes"
  4. Push your branch to GitHub:
    git push origin feature-name
  5. Create a Pull Request (PR) and request review.
  6. Merge your branch once approved.

📅 Current Phase: Login & Signup Pages

🔹 What Needs to Be Done?

  1. Chris: Finalize layout & styling for login/signup.

  2. Andrei: Open public/js/auth.js, add dummy event listeners, call dummy functions until Kinlo is done with his part, redirect users to dashboard.html after login & update the dashboard after login

  3. Lead: Review work, ensure smooth integration.


Final Notes

  • If you have questions or need help, message the team.
  • Follow the Git workflow to avoid merge conflicts.
  • Let’s keep the code clean & well-structured!

🚀 Happy coding!

About

Software project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5