Capstone1

This is a first capstone project and it's about a restuarant website called Chef Food Restaurant. It features a list of traditional dishes, an about page and partner sections. Made using HTML , CSS and Javacsript.

Stars
5

First Capstone Project: Responsive Restaurant Website

This is my capstone project on HTML-CSS-JAVASCRIPT. I love restaurants so I have developed this project along that line. The website is about a traditional restuarant called Chef Food Restaurant. It features a list of dishes, an about page and partner sections. Please have a look at the live demo and let me know what you think 😊.

Learning Objectives 🔖

  • Use semantic HTML tags.
  • Apply best practices in HTML code.
  • Use CSS selectors correctly.
  • Use CSS box model.
  • Use Flexbox to place elements in the page.
  • Demonstrate ability to create UIs
  • adaptable to different screen sizes using media queries.
  • Use GitHub Pages to deploy web pages.
  • Apply JavaScript best practices and language style guides in code.
  • Use JavaScript to manipulate DOM elements.
  • Use JavaScript events.
  • Use objects to store and access data.
  • Communicate technical concepts to other technical people.

Built With 🛠️

  • HTML, CSS and JavaScript
  • Linters: Lighthouse, Webhint, Stylelint and ESlint
  • Code Editor: VS Code

Here is a link to my loom video

https://www.loom.com/share/bd34d64035c24a82bc542e76cce80163

Live Demo 🔗

Live Demo Link👈

Website Mockup 📱 💻 🖥️

Getting Started

To get a local copy up and running follow these simple example steps.

  • Create a local directory that you want to clone the repository.

  • Open the command prompt in the created directory.

  • On the terminal run this command git clone [email protected]:Christabelle143/Capstone1.git.

  • Go to the repository folder using command prompt cd javascript-capstone.

  • Install the dev dependencies for linters run npm install.

Author

👤 Author

  • GitHub: Christabelle143[https://github.com/Christabelle143]
  • Twitter: @christabelleyo[https://twitter.com/@christabelleyo]
  • LinkedIn: Youta Lactio Christabelle[https://LinkedIn.com/Youtalactiochristabelle]

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse
  • Cindy Shin from who I got my inspiration.
  • A great thanks to My coding partners, morning session team, and standup team Partners for their contributions.
  • Thanks to Code Reviewers for the insightful feedback.

📝 License

This project is MIT licensed.

Related Projects