Coder Social home page Coder Social logo

h-unique245 / kindmeal-clone Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 105 KB

Construct Week project of cloning Kindmeal.my. This project is build by tech stacks using React, javascript, HTML, CSS, Chakra UI, etc. You can check project live here https://public-language-8892-kindmeal-clone.vercel.app

Home Page: https://timely-crepe-c8bf70.netlify.app/

HTML 2.36% CSS 3.57% JavaScript 94.07%
api chakra-templates chakra-ui deployment javascrip kindmeal react react-hooks react-router reactjs

kindmeal-clone's Introduction

Passionate Full Stack Web Developer | MERN Stack | Masai School Graduate | Alphaware Next Technologies

Hi Hi, Iโ€™m Hemant Aher

Aspiring Full Stack Developer having hands-on experience in projects with cloning the websites using tech stacks HTML, CSS, JavaScript, ReactJS, Chakra UI, and other libraries and frameworks.

h-unique245

aherhemant1

aherhemant1

  • ๐ŸŽ“ Masai School Certified Full Stack Web Developer
  • ๐Ÿš€ Actively Contributing to Alphaware Next Technologies
  • ๐Ÿ’ป Proficient in HTML, CSS, JS, React, Node.js, MongoDB, and more
  • ๐Ÿ“š Continuous Learner | Committed to Enhancing Skills
  • ๐ŸŒ Seeking Opportunities to Drive Innovation and Excel in Web Development
  • ๐ŸŒฑ Iโ€™m currently learning My SQL
  • ๐Ÿ’ฌ Ask me about React, JavaScript, HTML, CSS,React JS, Redux, Express JS, Node JS
  • ๐Ÿ“„ Checkout my resume Resume
  • ๐ŸŒŽ How to reach me [email protected]
  • ๐Ÿ“ Checkout my work Portfolio

Connect with me:

https://www.linkedin.com/in/hemant-aher-197814b7/ https://twitter.com/aherhemant1 http://h-unique245.github.io/ a.hemant96@gmail.com


Languages and Tools:

html5 css3 javascript reactjs redux chakra-ui restapi nodejs expressjs mongodb mongoose git git git git github npm postman

Github Stats :

H-unique245

h-unique245

h-unique245

h-unique245

kindmeal-clone's People

Contributors

h-unique245 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

kindmeal-clone's Issues

Day_5-mealDeals-Data

  • if possible call data from API or call from JSON file
  • manage the state for API/JSON data
  • map the data and call the cards component.

Day_2- Navbar

  • Creating Small-small components for Navbar.
  • Creating links for the navbar menu.
  • importing social media icons.
  • Giving links to social media icons.

Day_4-login

  • create a component for Login
  • make modal form for login
  • accept the data for login

Day_3-Homepage_news

  • Add images to the news component.
  • add links if possible
  • add styling to it

Day_3-Homepage Basics

  • divide homepage into small components

  • create and setup the following components
    1. Home carousel
    2. Latest news
    3. Moments
    4. restaurants
    5. superheroes

  • build remaining part of homepage

Day-2_File structure

  • Creating Routes to the project
  • Creating Components of Navbar, Footer and Homepage.
  • Providing browser route to the application.

Day5_MealDeals

  • make cards component for each deal/food.
  • try to make small-small components for card
  • create mealDeals component

Day4_Signup-Food-Lover

  • create a component for food lover to sign up
  • make form for signup
  • add as possible inputs to the form for trial

Day_4-Signup-owner

  • create a component for food lover to sign up
  • make form for signup
  • add as possible inputs to the form for trial

Day_3-Homepage_Carousel

  • build a carousel component and manage state.
  • manage multiple Images for carousel effect.
  • allow specific timer for it.
  • if possible then make hover effect also.

Day_2-Footer

  • creating footer component.
  • divide into small-small components of footer.
  • makings list-items of each small components of footer.

Day_2-Navbar menu

  • creating new component for navbar menu list
  • giving links to menu list of navbar
  • making 1-2 pages of menu lists as jsx files.

Day_5 remaining-Work

  • complete remaining work for navbar
  • complete remaining work for homepage
  • complete remaining work for login
  • complete remaining work for signup
  • complete remaining work for meal deals page
  • If all done make Helps or about us page

Day_2- User Login Component

  • making the separate component to manage the login status of user.
  • make another small component if user is login.
  • make another small component if user is not login.

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.