Final Project and Review

webdev
Exercices
Auteur
Affiliations

Emmanuel BRUNO

Université de Toulon

LIS UMR CNRS 7020

Date de publication

2024-10-13

Final Group Project: Building an E-commerce Website

Project Overview

  • Objective:
    • Develop a fully functional e-commerce website.
    • Apply the concepts and skills learned throughout the course.

Project Structure

Part 1: Static Website (For All Students)

Part 2: Full-Stack Website Challenge (Optional)

  • Goal:
    • Enhance the static website by adding dynamic features and back-end functionality.
  • Requirements:
    • User Authentication:
      • Implement user registration and login functionality.
    • Product Management:
      • Allow administrators to add, update, and delete products.
    • Shopping Cart:
      • Enable users to add products to a cart and proceed to checkout.
    • Database Integration:
      • Use a relational database to store product and user information.
    • API Development:
      • Create RESTful APIs to handle data interactions between the front-end and back-end.
  • Lectures to Apply:

Project Tracks and Ideas

  • Track 1: Fashion Store
    • Focus on selling clothing, accessories, and fashion items.
    • Include features like product categories, size options, and customer reviews.
  • Track 2: Electronics Store
    • Specialize in selling gadgets, electronics, and tech accessories.
    • Include features like product specifications, warranty information, and technical support.
  • Track 3: Bookstore
    • Create an online bookstore with a wide range of books and genres.
    • Include features like author profiles, book reviews, and reading recommendations.

Personal Project Invitation

  • Customization:
    • Feel free to choose your own theme and customize the project according to your interests.
    • Think creatively about the features and functionalities you want to include.
  • Innovation:
    • Consider adding unique features that set your e-commerce website apart.
    • Examples: personalized recommendations, live chat support, or interactive product demos.

Final Deliverables

  • Static Website:
    • Submit the HTML, CSS, and form files for the static website.
    • Ensure the website is fully functional and responsive.
  • One-Page Report:
    • List the members of the group.
    • Describe the structure of the project.
    • Highlight the main skills demonstrated.
    • You can add screenshots or even a video demo of the project.
  • Full-Stack Website (Optional):
    • Submit the complete project files, including front-end, back-end, and database components.
    • Provide documentation on how to set up and run the project.
  • One-Page Report:
    • List the members of the group.
    • Describe the structure of the project.
    • Highlight the main skills demonstrated.
    • You can add screenshots or even a video demo of the project.

Evaluation Criteria

  • Functionality:
    • Does the website meet the project requirements and function correctly?
  • Design:
    • Is the website visually appealing and user-friendly?
  • Code Quality:
    • Is the code well-organized, readable, and follows best practices?
  • Innovation:
    • Are there any unique or innovative features included in the project?

Final Thoughts

  • Collaboration:
    • Work effectively as a team, leveraging each member’s strengths.
  • Learning:
    • Use this project as an opportunity to deepen your understanding of web development.
  • Creativity:
    • Be creative and have fun with the project!

Questions?

  • Feel free to ask any questions or seek clarification on the project requirements.

Réutilisation