Help-me Website || Frontend

Figma Design

Technologies:

• 
• 
• 
• 
• 
• 
• 
• 

Components

• Button
• CategoriesMenu
• Checkbox
• DropDownMenuBase
• FilterMenu
• Footer
• Header
• Input
• LogoutModal
• ProfileMenu
• ProfileNavbar
• QuestionCard
• RadioBtn
• ScrollToTopButton
• SearchBar
• SortMenu

Pages

• Answer
• EditPage
• FAQ
• Favorites
• History
• Home
• Login
• NoPage
• Notifications
• Profile
• Questions
• Signup
• Welcome

Hooks

• usePageName
• useParams
• useWindowWidth

Modals

• AddQuestionModal
• ModalBase

Requirements

For development, you will only need Node.js installed on your environement.

Node JS

Node is really easy to install & now include NPM. You should be able to run the following command after the installation procedure below.

Downloads

Operating System	Node.js Download Link
Windows	Download Node.js
macOS	Download Node.js
Linux	Download Node.js

You should be able to run the following command after the installation procedure below.

node -v
v20.16.0

Installation

1. Clone the repository

git clone https://github.com/Help-me-website/Frontend.git

2. Change the directory

cd Frontend
cd help-me

3. Install NPM packages

npm install

4. Run the project

npm run dev

5. Open the project at your localhost

  VITE v6.0.3  ready in 382 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help