Coder Social home page Coder Social logo

0ranjeet / sephoracl0ne Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 3.94 MB

Sephora is a French multinational retailer of personal care and beauty products. Featuring nearly 340 brands,along with its own private label, Sephora Collection, Sephora offers beauty products including cosmetics, skincare, body, fragrance, nail color, beauty tools, body lotions and haircare.

Home Page: http://sephoracl0ne.vercel.app/

CSS 13.54% HTML 23.47% JavaScript 62.99%
css es6 html5 javascript localstorage

sephoracl0ne's Introduction

Sephoraclone

Collaborative Project At Masai School “SephoraClone”

Before I start my blog writing on the clone of the website, I want to thank Masai School for this great opportunity and for providing this great platform to enhance my coding and life skills. We have tried our level best to make use of our so far journey and the knowledge that we have gained so far at Masai School to come up with our first project.

Getting Started…

It was a challenging journey for me and all my team members as we have to complete it within the time of construct week, so we faced different challenges like it was our first project and we did not have any experience working in a team also we did not know how to manage everything within the time period. So we started with planning and studying the website, then we distributed the workflow, the roles, and responsibilities and with great collaboration, we managed the work.

Project Details -

We had to make a replica CoSchedule website. They have completely transformed the way marketers plan, execute, and manage their marketing projects. We love our product. This means we always infuse it with the best we can offer, relentlessly maintaining a high standard. We have tried our best to clone the replica of the website.

Tech Stacks used -

HTML : 23.5%

CSS : 13.5%

JavaScript : 63.5%

Some Glimpse and Screenshots of our website:-

Home Page -

  • This is the main landing page of our website. Here clicking on any option on the Navbar will redirect the user to the respective Page.
  • It is fully functional and responsive.

name-of-you-image

Sign In From -

  • Here we have a sign in window, if visiter existing user then he can sign in by entering his/her credential like email and password
  • After filling corect creadential user will be redirect to the home page proceed further. name-of-you-image

Sign Up From -

  • if the visitor is not a existing visitor then he/she can create new account by using sign up feature
  • After clicking on need a new account, user will redirected to the sign up page
  • here user will get a from to fill
  • After creating new account he will be redirected to the home page to proceed further name-of-you-image

Product Page -

  • In this paga user will be able to see produts & add product to cart ,filter prpoduct according to his preference. name-of-you-image

Product Detail-

  • In this page user can view any product details it will apppear on clicking on any product images. name-of-you-image

Cart-

  • This the cart page here user can checkout . name-of-you-image

Our Team Members:-

Learnings -

We all became proficient in reading the code of team members. How to work and communicate with a team. How to be more efficient and productive at the same time. Here I get to know how the team works, how to keep cool even under pressure conditions, how to keep myself and my teammates motivated throughout the ups and downs. At last, I would like to thank our mentors and my team members for their support & guidance during the project. Source Code :https://github.com/0ranjeet/Sephoracl0ne (Our GitHub Link)

sephoracl0ne's People

Contributors

0ranjeet avatar pritikumari9161 avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

yogendrakokate

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.