Boilerplates for websites/app building

• recipe-page-html-css

  1 4 0.0 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

  1 5 4.5 HTML

  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

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• furniture-website-react-firebase

  1 5 0.0 JavaScript

  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

  1 58 0.0 JavaScript

  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

  211 72,999 5.0 JavaScript

  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

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project