Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/camilo6castell/instaya-frontend

[EN][please see README.md] FRONTEND del proyecto Instaya, desarrollado en React.js. Node.js, Vite y desplegado en Docker. Esta es una aplicación web para una empresa de mensajería de paquetes físicos.
https://github.com/camilo6castell/instaya-frontend

css3 docker html5 node-js react-js styled-components vite

Last synced: 21 days ago
JSON representation

Host: GitHub
URL: https://github.com/camilo6castell/instaya-frontend
Owner: camilo6castell
Created: 2023-01-14T04:39:20.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2024-08-04T21:05:15.000Z (6 months ago)
Last Synced: 2024-11-15T09:49:37.721Z (3 months ago)
Topics: css3, docker, html5, node-js, react-js, styled-components, vite
Language: JavaScript
Homepage: https://instaya-frontend-cacastellanosh-unaleduco.vercel.app
Size: 171 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Instaya: Frontend

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)
![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)
![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

## About

This project is developed in **JavaScript** using **Node.js**, **React.js**, and **Vite**.

The execution environment of the _Instaya_ project in its entirety is called **MERN** and this part refers specifically to the Frontend of the application.

Instaya is an exercise that showcases a web application for a physical package courier company. The Frontend part of the application demonstrates an interactive and fast experience, updated in real-time using React's hooks.

Developed as an exercise as part of the _"MisiónTIC"_ program by the Colombian government to train programmers in response to the high demand for these professionals.

## Features

1. Session management through cookies.
2. Security through password encryption and decryption.
3. Login, register, and home views.
4. Interactivity and fluency in the use of components in the different views.
5. Parcel tracking through unique code generation.
6. Possibility of editing shipments and changing order parameters.

## Installation

To install and run this project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/your-username/instaya-frontend.git
```
2. Navigate to the project directory:
```bash
cd instaya-frontend
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```

## Usage

After starting the development server, you can access the application at `http://localhost:3000` in your web browser. You can use the following credentials to log in:

### Test Credentials

**Regular User**

- Email: `[email protected]`
- Password: `password123`

**Admin**

- Email: `[email protected]`
- Password: `adminpassword`

## Live Application

The application is deployed and can be accessed via the following link:

[Vercel](https://instaya-frontend-beige.vercel.app/)

## Documentation

The formal project documentation (in Spanish) can be accessed via the following link:

[Google Drive](https://drive.google.com/file/d/1v7anSEonx4DkO3JBXeIhxUjEv6Eu6TLY/view?usp=sharing)

## Contact

For any inquiries or feedback, you can reach me via [LinkedIn](https://www.linkedin.com/in/camilocastell/).