HowTo

Create, Share and Connect with your unique how-to ideas

HowTo is a place to discover and craft unique step-by-step tutorials, from DIY projects to everyday challenges. While the guides may not claim to be the world's most practical, they are guaranteed to spark smiles and foster creativity!

• Use existed how-to tutorials as starting template
• Save creation to drafts, edit and publish later
• Get notifications when following users post a new tutorial
• Develop backend code to separate data logic from the UI logic

1. Clone this project to your local environment

$ git clone "https://github.com/KellyCHI22/HowTo.git"

2. Open the project and type the following command in your terminal

$ npm install

3. Continue with this command after finishing installing all the packages

$ npm run dev

4. Open your browser and navigate to the following path: http://localhost:5173/

5. Account for testing：

email：[email protected]
password：cool123

6. Type the following command to stop the dev server

ctrl + c

• TypeScript 5.0.2
• React 18 (Hooks) 18.2.0
• React Router 6.11.1
• React Redux 8.0.5
• Redux toolkit / Redux toolkit query 1.9.5
• Tailwind CSS 3.3.2

• Authentication
• Firestore
• Storage
• Hosting

• react-beautiful-dnd 13.1.1
• react-firebase-hooks 5.1.1
• react-paginate 8.2.0
• react-responsive 9.0.2
• react-icons 4.8.0
• react-spinners 0.13.8
• javascript-time-ago 2.5.9
• react-time-ago 7.2.1
• clsx 1.2.1
• browser-image-compression 2.0.2

• Vite 4.3.2
• Eslint 8.38.0
• Prettier 2.8.8
• Vitest 0.32.2
• @testing-library/jest-dom 5.16.5
• @testing-library/react 14.0.0
• @testing-library/user-event 14.4.3

-- public
-- src
  |__ App.tsx
  |__ assets
  |__ components
    |__ elements
    |__ layouts
  |__ hooks
  |__ pages
  |__ store
    |__ apis
  |__ utils

Copyright Notice and Statement: currently not offering any license. Permission only to view and download.