Code Monkey home page Code Monkey logo

public-slicing's Introduction

HTML Slicing Project

This repo contain static slicing from ui design (figma) to html. Fell free to fork for learning purpose.

React.js + Tailwind CSS version will be release soon ๐Ÿ˜

Features

๐ŸŒŸ Modern UI Design
๐ŸŒŸ Landing pages + Dashboard UI Design
๐ŸŒŸ Styled with Bootstrap v5.2 + SASS
๐ŸŒŸ Fully Responsive
๐ŸŒŸ Valid HTML5 & CSS3
๐ŸŒŸ Optimized with Parcel as Build Tools
๐ŸŒŸ Well organized documentation

To view the demo: https://figma-slicing.netlify.app/

Technologies used ๐Ÿ› ๏ธ

Getting Started ๐Ÿš€

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites ๐Ÿ“‹

You'll need Git and Node.js (which comes with NPM) installed on your computer.

How To Use ๐Ÿ”ง

From your command line, first clone Simplefolio:

# Clone the repository
$ git clone https://github.com/dzakifadh/public-slicing.git
# Move into the repository
$ cd public-slicing
# Remove the current origin repository
$ git remote remove origin

After that, you can install the dependencies either using NPM or Yarn.

Using NPM: Simply run the below commands.

# Install dependencies
$ npm install
# Start the development server
$ npm run dev

Badges ๐Ÿ”–

Netlify Status Conventional Commits

License ๐Ÿ“„

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments ๐ŸŽ

I was motivated to create this project because I wanted to contribute on something useful for the dev community

Thank you

To Netlify as hosting provider used for this project, giving us a lot of amazing built in functionality for free.

To https://www.conventionalcommits.org/, as a guide to make tidy commit message

public-slicing's People

Contributors

dzakifadh avatar

Watchers

 avatar

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.