Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ankitt26/unicraft

In this Project, I transformed Figma's design into a Pixel perfect SPA Landing Page of Unicraft, using React with TailwindCSS, perfection in every detail.
https://github.com/ankitt26/unicraft

figma html5 jsx reactjs tailwindcss

Last synced: about 1 month ago
JSON representation

In this Project, I transformed Figma's design into a Pixel perfect SPA Landing Page of Unicraft, using React with TailwindCSS, perfection in every detail.

Awesome Lists containing this project

README

        

Unicraft


# πŸ“— Table of Contents

- [πŸ“— Table of Contents](#-table-of-contents)
- [πŸ“– \[Unicraft\] ](#-unicraft-)
- [πŸ› οΈ Built With ](#️-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [πŸš€ See Live ](#-see-live--)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [πŸ‘₯ Authors ](#-authors-)
- [πŸ”­ Future Features](#-future-features)
- [🀝 Contributing ](#-contributing-)
- [⭐ Show your support ](#-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [πŸ“ License ](#-license-)

# πŸ“– [Unicraft]

In this Project I have created a React SPA Landing page using the Figma design Template.

## πŸ› οΈ Built With

### Tech Stack

- HTML
- CSS
- Javascript
- React
- Bootstrap

### Key Features

- get an signup Link
- Get an overview of Site.

(back to top)

## πŸš€ See Live

> [ πŸ’¨ Live here ](https://unicraft-live.onrender.com)

(back to top)

## πŸ’» Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

```sh
1. Code Editor (IDE)
2. Node.js should be installed
3. npm should be installed
4. Git should be installed
5. Latest v- Browser
```

### Setup

Clone this repository to your desired folder:

Example commands:

```sh
cd my project
git clone [email protected]:ankitt26/unicraft.git

```

### Install

Install this project with:

Example command:

```sh
npm install
```

### Usage

To run the project, execute the following command:

Example command:

```sh
npm run dev
```

### Run tests

To run tests, run the following command:

Example command:

```sh
coming soon...
```

### Deployment

> 🟩 deployed on render [ see live πŸŽ‰ ](https://unicraft-live.onrender.com)

(back to top)

## πŸ‘₯ Authors

πŸ‘€ **Ankit**

- GitHub: [@ankitt26](https://github.com/ankitt26)
- Twitter: [@ankit26k](https://twitter.com/ankit26k)
- LinkedIn: [ankit26k](https://www.linkedin.com/in/ankit26k/)

(back to top)

## πŸ”­ Future Features

- Add the animations in the app.πŸš€
- Add the testing using react testing libraryπŸ’―

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐ Show your support

> Hello, feel free to support this project.

(back to top)

## πŸ™ Acknowledgments

> I would like to express my gratitude to Webmakers Studio for generously providing the Figma design template. You can access the template [here](https://www.figma.com/file/uBhgKksR2bcwGGQ2d70dKi/Single-pager-landing-page?type=design&node-id=0%3A1&mode=design&t=0uI4CBWNNhEQBmcZ-1). This resource has been instrumental in creating our landing page.

(back to top)

## πŸ“ License

This project is [MIT](./LICENSE) licensed.

(back to top)