Final Project and Review

Auteur

Affiliations

Emmanuel BRUNO

Université de Toulon

LIS UMR CNRS 7020

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)

• Goal:
  • Create a static e-commerce website using HTML, CSS, and basic form elements.
• Requirements:
  • A complex structure like Home Page, Product Pages, Contact Form, …
  • Responsive and clean Design:
    • Ensure the website is accessible and functional on various devices.
• Lectures to Apply:
  • Introduction to Web Development and E-commerce
  • HTML Fundamentals
  • CSS Fundamentals
  • Introduction to HTML Forms

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:
  • Introduction to Relational Databases and SQL
  • Introduction to Back-End Development
  • Introduction to Web Development with Remix

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.