https://github.com/giuseppetm/nuxt-sample-webapp

Simple web app template made with NuxtJS, Typescript and Vuetify. Features: registration, login, CRUD operations.
https://github.com/giuseppetm/nuxt-sample-webapp

authentication login-template nuxt nuxtjs template typescript web-template webapp

Last synced: 27 days ago
JSON representation

Simple web app template made with NuxtJS, Typescript and Vuetify. Features: registration, login, CRUD operations.

• Host: GitHub
• URL: https://github.com/giuseppetm/nuxt-sample-webapp
• Owner: Giuseppetm
• License: mit
• Created: 2024-02-23T15:48:30.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-30T18:41:59.000Z (9 months ago)
• Last Synced: 2024-12-01T03:42:22.644Z (about 1 month ago)
• Topics: authentication, login-template, nuxt, nuxtjs, template, typescript, web-template, webapp
• Language: Vue
• Homepage: https://nuxt-sample-webapp.netlify.app/
• Size: 2.83 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nuxtjs Sample Web Application

[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://lbesson.mit-license.org/) 

[![Netlify Status](https://api.netlify.com/api/v1/badges/75ab35d0-ca7c-4e18-9ec2-7da80cf7e325/deploy-status)](https://app.netlify.com/sites/nuxt-sample-webapp/deploys)

[![GitHub issues](https://img.shields.io/github/issues/Giuseppetm/nuxt-sample-webapp)](https://github.com/Giuseppetm/nuxt-sample-webapp/issues)

![Preview](./public/preview.png)

This is a small project I developed for an interview for a front-end developer position that got me through the 2nd technical step.

🎦 [Live Preview](https://nuxt-sample-webapp.netlify.app/)

## Project requirements

### Stack

- Vue + framework of your choice (chosen: NuxtJS);

- Javascript / Typescript (chosen: Typescript);

- UI library of your choice (chosen: Vuetify).

### Description

With the suggested stack make a web app with the following pages:

- Login;

- User registration;

- Shipping address form;

- Table with CRUD operations on elements and server side search.

For Rest API integration/consumption use fake API services at will (chosen: ).

As anticipated the goal is the creation of an app that is graphically pleasing and usable from any device focusing on FE aspects.

## Login credentials

| Username | Password |

|----------|----------|

| kminchelle | 0lelplR |

You can find all the mocked APIs here: 

## 🕹️ How to run the project locally

1. Install dependencies

   ```sh

   npm install

   ```

2. Run the development server:

   ```sh

   npm run dev

   ```

For deploys I am currently using [Netlify](https://app.netlify.com/).

### Docker

I inserted also a `Dockerfile` and `docker-compose` if you want to use them.