harshal39 / mini-docs

Mini Docs App

Objective:- To showcase front-end-development skills

Skills:- ReactJS and Tailwind CSS

This is a static Mini Docs App which is hard coded which means user cannot update the data inside cards.
Framer motion was used to apply motion to cards.

To start the project:-

CMD:-npm create vite@latest
Give Project name ----> Select a framework ----> Select a variant

Install Tailwind:-
CMD:- npm install -D tailwindcss postcss autoprefixer
Edit tailwindconfig.js file.
More information:- https://tailwindcss.com/docs/guides/vite

To run code :-
CMD:-npm run dev

Now start editing in App.jsx folder.

To install framer-motion:-
CMD:- npm install framer-motion
Import Framer motion:-
import { motion } from "framer-motion