Skip to content

pedro #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
p-schlickmann wants to merge 2 commits into
base: main
Choose a base branch
from
Open

pedro #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
974adda
initial
p-schlickmann Oct 9, 2020
fceeade
Fix: Readme Video link
p-schlickmann Oct 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
117 changes: 18 additions & 99 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,104 +1,23 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# TypeScript v1 declaration files
typings/

# TypeScript cache
*.tsbuildinfo
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# Optional npm cache directory
.npm
# dependencies
/node_modules
/.pnp
.pnp.js

# Optional eslint cache
.eslintcache
# testing
/coverage

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# production
/build

# Optional REPL history
.node_repl_history
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
.env.test

# parcel-bundler cache (https://parceljs.org/)
.cache

# Next.js build output
.next

# Nuxt.js build / generate output
.nuxt
dist

# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and *not* Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port
npm-debug.log*
yarn-debug.log*
yarn-error.log*
64 changes: 45 additions & 19 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,32 +1,58 @@
# drw-front

Repo for Elint Tech's frontend challenge

## Getting Started

* Clone this repository;
* Create a branch and name it with your first name in lower case;
* Code and open a pull request when everything is done.
- Clone this repository;
- Create a branch and name it with your first name in lower case;
- Code and open a pull request when everything is done.

Make sure to let all clear to us. The documentation will have a huge impact in your perfomance.

## Resources

* [Download challenge description](https://s3.us-east-2.amazonaws.com/nn.weights/Challenge.pdf)
* [Elint's discord](https://discord.gg/xydMVT)
* [Elint's colour scheme](https://coolors.co/1a1c38-464866-dee0f2-2e9cca-29648a)
* [Elint's assets](https://wetransfer.com/downloads/411d57f8616ccec8deb4fffe4e78988020201002194635/28d0ac)
* [Frontend templates examples](https://themehunt.com/items/html/landing-pages/latest) (a lot more on the web)
* [Heroku](https://www.heroku.com/free)
* [AWS Free Tier](https://aws.amazon.com/pt/free/?all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc)
* [GCP Free Tier](https://cloud.google.com/free)
* [GitHub student backpack](https://education.github.com/pack)
* [Awesome Django](https://github.com/wsvincent/awesome-django)
* [Awesome Flask](https://github.com/humiaozuzu/awesome-flask)
* [Awesome React](https://github.com/enaqx/awesome-react)
* [_.mp3_ sample 1](https://s3.us-east-2.amazonaws.com/nn.weights/frank.mp3)
* [_.mp3_ sample 2](https://s3.us-east-2.amazonaws.com/nn.weights/interview.mp3)
* [JSON example reponse from transcriber server](https://s3.us-east-2.amazonaws.com/transcripted.files/3xeaznnz.json)
- [Download challenge description](https://s3.us-east-2.amazonaws.com/nn.weights/Challenge.pdf)
- [Elint's discord](https://discord.gg/xydMVT)
- [Elint's colour scheme](https://coolors.co/1a1c38-464866-dee0f2-2e9cca-29648a)
- [Elint's assets](https://wetransfer.com/downloads/411d57f8616ccec8deb4fffe4e78988020201002194635/28d0ac)
- [Frontend templates examples](https://themehunt.com/items/html/landing-pages/latest) (a lot more on the web)
- [Heroku](https://www.heroku.com/free)
- [AWS Free Tier](https://aws.amazon.com/pt/free/?all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc)
- [GCP Free Tier](https://cloud.google.com/free)
- [GitHub student backpack](https://education.github.com/pack)
- [Awesome Django](https://github.com/wsvincent/awesome-django)
- [Awesome Flask](https://github.com/humiaozuzu/awesome-flask)
- [Awesome React](https://github.com/enaqx/awesome-react)
- [_.mp3_ sample 1](https://s3.us-east-2.amazonaws.com/nn.weights/frank.mp3)
- [_.mp3_ sample 2](https://s3.us-east-2.amazonaws.com/nn.weights/interview.mp3)
- [JSON example reponse from transcriber server](https://s3.us-east-2.amazonaws.com/transcripted.files/3xeaznnz.json)

## Challenge

Section designed to have any information about your code, such as _how to run locally_, _how to deploy_, etc.
You can access the challenge page at http://elint-challenge.s3-website-sa-east-1.amazonaws.com/

Video Link: https://youtu.be/Ba79hoAA1G4

### Technologies used

1. Javascript
2. React
3. React Router
4. Axios
5. Bootstrap
6. Semantic UI
7. Font Awesome
8. AWS s3

### How to run locally

1. Install Node.js
2. Clone this repository
3. Open _cmd_(Windows) or _Terminal_(MacOS/Linux), go to project root directory
4. Install the required libraries with: `npm install --save axios react-router-dom`
5. Run the project with `npm start`

### Deploying

You can always use Vercel or Netfly services. That are way more easy and have built-in HTTPS. But I needed an HTTP hosting because the API is also in HTTP. So I used AWS s3 static hosting. I used [this article](https://medium.com/serverlessguru/deploy-reactjs-app-with-s3-static-hosting-f640cb49d7e6) as a reference.
Loading