Skip to content

Latest commit

 

History

History
170 lines (111 loc) · 8.01 KB

README.md

File metadata and controls

170 lines (111 loc) · 8.01 KB

SPARTAN

Description

Spartan is a website dedicated to men's fashion, with a focus on formal wear. The website provides a platform for customers to create their own customized clothing, allowing them to tailor their clothing to fit their unique style and preferences.

Spartan offers high-quality products, made with the finest materials and crafted with precision and attention to detail. Whether you need a tailored suit for a special occasion or simply want to add a touch of sophistication to your everyday wardrobe, Spartan has everything you need to look and feel your best.

Quick Preview

Live Demo -



Landing Page



Footer Section



Login Page



SignUp Page



Select Per item on Page


Suit's Page


Cart Page without LogIn


Cart Page with LogIn


Search Products and No Search Item Found


Search Products


Loading Data


Suit's Page



Motivation

My fascination with the applications that I use daily has led me to create a React application that is not only intuitive and user-friendly, I have utilizes a Json server to store user data, such as their cart information. This feature enables users to add products from one device and subsequently pay for them from another device, akin to a real-life application. The development of this feature has been a significant source of motivation for me. Additionally, I have created a single-page that caters to four different product categories, including Suits, Shirts, Shoes, and Pants. I aimed to mimic the functionality of a genuine application, and I am proud of the outcome.

Result

Spartan provides users with a convenient way to shop for high-quality men's clothing from the comfort of their own homes. Spartan enables users to customize their clothing and allows them to access the application from multiple devices. This feature adds an extra layer of convenience, allowing users to continue shopping from where they left off, regardless of the device they are using. Our aim is to make the shopping experience as seamless as possible, and we believe that this feature is a significant step towards achieving this goal.

Technologies Used

Tech Stack-

Functionalities associated with this website

  1. A user can register his account on the website.
  2. User can log in using credentials given during registration.
  3. User can search for various types of items.
  4. User can sort his/her search on increasing or decreasing price.
  5. User can make payments and succcessfully purchase their items.
  6. User can Use Application on multiple device.

Challenges

Despite facing multiple challenges, I was able to construct an exceptional project called 'SPARTAN'. Through my own efforts, I implemented a variety of features such as the use of a Json server to enable the add-to-cart functionality and the creation of a carousel on the homepage. Additionally, I incorporated a single page for all four different product categories, resulting in a streamlined and efficient design. Despite the obstacles, I am proud of the final product and I'll keep on building it more and more efficient.

Improvements

In the future, I plan to make 'SPARTAN' more accessible to mobile users by ensuring that it is fully responsive. Furthermore, I aim to improve the user interface to make it more user-friendly and accessible to all. These changes will enhance the overall experience of using 'SPARTAN' and ensure that it is an enjoyable and convenient platform for all users.

Lessons Learned

We are in our learning phase and this is my third clone, so faced multiple issues to build this site.

-Carousel construction: Implemented a carousel on the homepage to enhance the visual appeal of the platform and make it more engaging for users.

-Axios optimization: Optimized the use of Axios to improve the platform's overall performance and efficiency, resulting in a smoother user experience.

-Time management: Practiced efficient time management techniques to ensure that project milestones were met on time and within budget.

-Clean code importance: Recognized the importance of clean code and made it a priority throughout the project's development to enhance its readability, maintainability, and scalability.

-DRY principle: Adhered to the DRY (Don't Repeat Yourself) principle, which emphasizes the importance of minimizing code repetition to improve the platform's overall quality and efficiency.

Contributing

I would be delighted if you would consider joining me in this project. If you have a background in backend development, we could collaborate on building and customizing an API that would greatly enhance the user experience and streamline the platform's functionality. Alternatively, if your expertise lies in frontend development, we could work together to create a more interactive user interface. Your skills would be a valuable asset to the project, and I would warmly welcome your participation.