Boilerplates for websites/app building

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Clean code begins in your IDE with SonarLint
  • Scout APM - Less time debugging, more time building
  • recipe-page-html-css

    This is a simple responsive web page built in HTML and CSS.

    1.Navbar:This is the basic component which every application will have.Then first learn how to make one basic navbar. It will have atleast a brand logo and list of menus for navigating to different pages.Use CSS-Flexbox or CSS-Grid to align it properly.To make it responsive you can make toggle bar using JavaScript or align the items in center row-wise for smaller devices. Here is the example of my application which you can refer to. Example:Github Repository Link

  • restaurant-website

    This is a restaurant website built using HTML and CSS.

    2.Footer:This is another basic component which you can style using social media icons from FontAwesome You can also have a fixed footer. Example:Github Repository Link

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • furniture-website-react-firebase

    This is a Furniture Business Website which displays different products and allows the user to login,view products and order by contacting the store.This website is built using React,React Router,Firebase for user authentication and Netlify for deployment.

    4.Basic landing page:Whether you are building any Business website or E-commerce web app,it is incomplete without a landing page. It will consist of a homepage describing about the product,may be featured products,services,photo gallery of different products,contact form,footer,etc. You can include whatever you want based on what you are building. Example:Github Repository Link

  • ecommerce-store-reactjs-stripe-oauth2

    This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.Built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.

    6.Products detailed page:If you are coding in React then you can use React Router to create a product detailed page.You can fetch the data from external api or the local file. Example:Github Repository Link

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    2.Footer:This is another basic component which you can style using social media icons from FontAwesome You can also have a fixed footer. Example:Github Repository Link

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts