Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/frankiefab100/resource-edge-landing-page

Resource-Edge is a Human resource and Logistics management website. A task by Genesys Tech Hub
https://github.com/frankiefab100/resource-edge-landing-page

landing-page react sass scss ui-design

Last synced: 26 days ago
JSON representation

Resource-Edge is a Human resource and Logistics management website. A task by Genesys Tech Hub

Awesome Lists containing this project

README

        

Resource Edge Landing Page






![cover](https://user-images.githubusercontent.com/46662771/203580255-d63a50d2-777f-4dc8-92db-d7cf76a46c17.png)

## **Project Overview** ✨
Resource Edge is a Human resource and Logistics management landing page.
An assigned task to translate a UI/UX design template into a frontend application using React library.

[Figma Design](https://www.figma.com/file/aZBjlwJ8fAiUTCJnss6kpS/Learnable-21'-STest)

[Preview Link](https://resource-edge-lp.netlify.app/)

### **Technologies Used** 🛠

- React (Framework)
- SCSS/SASS (Styling)

## **Getting Started** 💻

This project was bootstrapped with [Vite](https://vitejs.dev).

### **Prerequisites**

- [Node.js](https://nodejs.org/)
- [NPM](https://www.npmjs.com/)

### **Setup** 👨‍💻
- To install SASS in React App

```BASH
npm add -D sass
#OR
yarn add sass --dev
```

1. Install dependencies
```BASH
npm install
```

2. Run the development server
```BASH
npm run dev
```

3. Navigate to `http://localhost:3000` in your browser to view the web app.

## **License** 🔐

This project is built under the [MIT License](./License).