1871vinayak / Terribly-Tiny-Tales-Assignment

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TerriblyTinyTales

Assignment - TerriblyTinyTales

This React web app renders Renders a "profile screen" as follows: https://www.terriblytinytales.com/profile.jpeg

Tech Stack & Package Manager

Node.js-v20.1.0 React-v18.2.0 Vite-v5.0.0 Yarn-v1.22.19

Dependencies For The App 👈 Click Me To Check

dependencies

"@fortawesome/fontawesome-svg-core": "^6.4.2",
"@fortawesome/free-solid-svg-icons": "^6.4.2",
"@fortawesome/react-fontawesome": "^0.2.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"styled-components": "^6.1.1"

devDependencies

"@types/react": "^18.2.37",
"@types/react-dom": "^18.2.15",
"@vitejs/plugin-react": "^4.2.0",
"eslint": "^8.53.0",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.4",
"vite": "^5.0.0"

Example Adding Dependencies

yarn add 'Dependencie-Name' -> yarn add axios

Installation & Setup

To install and run this application, follow these steps:

First make sure you have these dependencies met:

node.js
yarn

Clone the Repository

git clone https://github.com/1871vinayak/Terribly-Tiny-Tales-Assignment.git
cd ./Terribly-Tiny-Tales-Assignment

Setting up the environment

yarn

Running Tests

Building and starting the server for production:

yarn dev

Building/watching frontend files:

yarn build

Hosted Demo

Click Demo App to test the working of App.

Hosted-Netlify

Screenshots

Stories Screenshot

Srories-MobileView Screenshot

Authors

@1871vinayak

About


Languages

Language:JavaScript 95.2%Language:HTML 4.6%Language:CSS 0.3%