Code Monkey home page Code Monkey logo

freshfromapi's Introduction

FreshFromApi

www.freshfromapi.com if it doesn't work from the public URL, it is because the number of daily API calls is exceeded :(

πŸ“– Table of Contents

Table of Contents
  1. ➀Git Strategy
  2. ➀ Planning, ideating, building, testing, deploying...
  3. ➀ Getting Started
  4. ➀ Tools used
  5. ➀ Testing
  6. ➀ Deployment

πŸ“ Git Strategy

I created one development branch for code review, debugging and trying new features. If time allows, I would try to move a clean code to the main branch. Deployment is from the main branch.

<!-- ABOUT THE PROJECT -->

πŸ“ Planning, ideating, building, testing, deploying...

I started with reading API docs and comparing other news websites to create better or similar UX for the website. I checked TheEconomist, BBC, FT and Telegraph; Identified common traits such as similar Navbar and news layout. Some sketching can be seen from the image below.

Then, I moved to creating mockups for low and high fidelity. I was using mobile first approach in creating the design. Tools used: figma and figma pluggins for icons and the device frames;

πŸ¦… Getting Started

clone repository https://github.com/PercaysoRecruitment/pe3-soc-cohort13-itsevgenii.git

There are two branches. Main and developemnt. Development branch has detailed explanation. Main branch is linked to jenkins and AWS. To start the project, the following shall be executed:

npm i
npm run dev

βœ…βŒ TESTING

I did a little bit of E2E testing with Cypress. Have I had more time, I would be able to test more, also I need to make lots of reasearch to test other parts.

evidence of cypress testing
npx cypress open

βœ… deployed on AWS amplify

freshfromapi's People

Contributors

itsevgenii avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.