ryandeering/circitchallenge

Small application consuming a weather API with a frontend in Vue.js and .NET Core Web API. Created for job application to Circit.

CircitChallenge

A single page application built with Vue.js and .NET Core Web API displaying different cities' weather & other info. This was created for my job application for Circit.

Online Links

https://genuine-beignet-f03e44.netlify.app/ - Frontend deployed on Netlify.

https://circitchallengeapi.azurewebsites.net/api/ - API hosted on Azure App Service, needs a warmup request to start.

Technologies & Features

• Vue.js CLI [requires a version of Node.js version 15.0 or higher]
• .NET Core Web API [requires .NET 6]
• CI/CD pipeline for backend API
• Unit and Integration testing with Moq and xUnit

Building Locally

To build the project, run the following commands in the root folder of the repo:

dotnet restore

dotnet build

Running Locally - Backend

To run the backend, from the root folder navigate to CircitChallenge.API.

Open the command prompt and run the following command:

dotnet run

If successful, you should see a prompt that the API has been built and running on ports 5001 and 5003 respectively.

Running Locally - Frontend

To run the frontend, from the root folder navigate to CircitChallenge.Frontend:

Open the command prompt and run the following command:

npm run serve

If successful, you should see a prompt that the frontend has been built and running on port 7094.

Feel free to navigate to https://localhost:7094/ and you should see data pour in similar to the gif on this README.md.