Udacity - Project 4
HTML, CSS, SASS, JavaScript, Node.js, Express.js, Webpack, Jest, API
- Organised files and directories
- Two webpack config files(dev and production)
- Separated style folder for SASS files
- Semantic HTML, src/client and src/server folders
- Fetch data from TEXT ANALYSIS API from the local server(Node.js)
- Handle and display the errors
- Update the UI with the result
- the app is not working because the server is not configured for Netlify, is fully working on your local
The app will extract meaning and insight from textual content with ease. Add a post or page URL in the input and the app will give the insights.
- Download the files or clone the repo on your local machine
- Add/Replace the API KEYS, see more below
- In the root folder run:
npm run build-prodandnpm run start - Open the browser http://localhost:8081
- Add the Post/Page URL in the input.
To be able to use the app, you should repalce in the src/server/index.js file the process.env.API_ID and process.env.API_KEY with your API Key and API ID from Aylien API or create a local env file with npm dotenv
If you want to run the app in development mode, in the root run: npm run build-dev.
The browser automatically will be opened on http://localhost:8080
Well done! ⭐
You have done a great job on this project 🔥
I really appreciate the efforts you have put into this project 👏 👏
Congratulations on completing the project 👍
Keep Learning 😄, Stay Udacious
Full project review: click here