{course.name}
6 | ); 7 | } 8 | 9 | export default Header; -------------------------------------------------------------------------------- /part8/library-backend/utils/config.js: -------------------------------------------------------------------------------- 1 | require('dotenv').config(); 2 | 3 | const MONGODB_URI = process.env.MONGODB_URI; 4 | const JWT_SECRET = process.env.JWT_SECRET; 5 | 6 | module.exports = { 7 | MONGODB_URI, 8 | JWT_SECRET, 9 | }; -------------------------------------------------------------------------------- /part2/courseinfo2/src/components/Part.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Part = ({ part }) => { 4 | return ( 5 |6 | {part.name} {part.exercises} 7 |
8 | ); 9 | } 10 | 11 | export default Part; -------------------------------------------------------------------------------- /part9/patientor-frontend/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "start_url": ".", 5 | "display": "standalone", 6 | "theme_color": "#000000", 7 | "background_color": "#ffffff" 8 | } 9 | -------------------------------------------------------------------------------- /part7/routed-anecdotes/src/components/Notification.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Notification = ({ notification }) => { 4 | return ( 5 |
6 | {notification}
7 |
8 | );
9 | };
10 |
11 | export default Notification;
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/services/users.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | const baseUrl = '/api/users';
3 |
4 | const getAll = async () => {
5 | const response = await axios.get(baseUrl);
6 | return response.data;
7 | };
8 |
9 | export default { getAll };
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/utils.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Helper function for exhaustive type checking
3 | */
4 | export const assertNever = (value: never): never => {
5 | throw new Error(
6 | `Unhandled discriminated union member: ${JSON.stringify(value)}`
7 | );
8 | };
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/src/utils.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Helper function for exhaustive type checking
3 | */
4 | export const assertNever = (value: never): never => {
5 | throw new Error(
6 | `Unhandled discriminated union member: ${JSON.stringify(value)}`
7 | );
8 | };
--------------------------------------------------------------------------------
/part5/bloglist-frontend/src/services/login.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | const baseUrl = '/api/login';
3 |
4 | const login = async (credentials) => {
5 | const response = await axios.post(baseUrl, credentials);
6 | return response.data;
7 | };
8 |
9 | export default { login };
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/src/components/Header.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | interface HeaderProps {
4 | courseName: string;
5 | }
6 |
7 | const Header = ({ courseName }: HeaderProps) => {
8 | return {courseName}
; 9 | }; 10 | 11 | export default Header; -------------------------------------------------------------------------------- /part9/patientor-backend/src/services/diagnosisService.ts: -------------------------------------------------------------------------------- 1 | import diagnoses from '../../data/diagnoses'; 2 | import { Diagnosis } from "../types"; 3 | 4 | const getDiagnoses = (): Arraytotal of {total} exercises
7 | ); 8 | } 9 | 10 | export default Total; -------------------------------------------------------------------------------- /part7/blog-list-backend-extended/utils/config.js: -------------------------------------------------------------------------------- 1 | require('dotenv').config(); 2 | 3 | const PORT = process.env.PORT; 4 | 5 | const MONGODB_URI = process.env.NODE_ENV === 'test' 6 | ? process.env.TEST_MONGODB_URI 7 | : process.env.MONGODB_URI; 8 | 9 | module.exports = { 10 | MONGODB_URI, 11 | PORT 12 | }; 13 | -------------------------------------------------------------------------------- /part4/blog-list-backend/.env.example: -------------------------------------------------------------------------------- 1 | # .env.example 2 | 3 | MONGODB_URI='mongodb+srv://[username:password@]host1[:port1][,...hostN[:portN]][/[defaultauthdb][?options]]' 4 | PORT=3003 5 | SECRET='secretfortokencreationhere' 6 | 7 | TEST_MONGODB_URI='mongodb+srv://[username:password@]host1[:port1][,...hostN[:portN]][/[defaultauthdb][?options]]' -------------------------------------------------------------------------------- /part5/bloglist-frontend/src/index.css: -------------------------------------------------------------------------------- 1 | .notification { 2 | background: lightgrey; 3 | font-size: 20px; 4 | border-style: solid; 5 | border-radius: 5px; 6 | padding: 10px; 7 | margin-bottom: 10px; 8 | } 9 | 10 | .notification--failure { 11 | color: red; 12 | } 13 | 14 | .notification--success { 15 | color: green; 16 | } 17 | -------------------------------------------------------------------------------- /part6/redux-anecdotes/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { Provider } from 'react-redux'; 4 | import store from './store'; 5 | import App from './App'; 6 | 7 | ReactDOM.render( 8 |
7 | {person.name} {person.number}
8 |
9 |
10 | )
11 | }
12 |
13 | export default Person;
--------------------------------------------------------------------------------
/part9/patientor-backend/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES6",
4 | "outDir": "./build/",
5 | "module": "commonjs",
6 | "strict": true,
7 | "noUnusedLocals": true,
8 | "noUnusedParameters": true,
9 | "noImplicitReturns": true,
10 | "noFallthroughCasesInSwitch": true,
11 | "esModuleInterop": true
12 | }
13 | }
--------------------------------------------------------------------------------
/part2/countries/src/components/Search.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Search = ({ query, handleQuery }) => {
4 | return (
5 |
6 |
7 |
8 |
9 | );
10 | }
11 |
12 | export default Search;
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import 'semantic-ui-css/semantic.min.css';
4 | import App from './App';
5 | import { reducer, StateProvider } from "./state";
6 |
7 | ReactDOM.render(
8 |
6 |
13 | );
14 | }
15 |
16 | export default Search;
--------------------------------------------------------------------------------
/part4/blog-list-backend/controllers/testing.js:
--------------------------------------------------------------------------------
1 | const testingRouter = require('express').Router();
2 | const Note = require('../models/blog');
3 | const User = require('../models/user');
4 |
5 | testingRouter.post('/reset', async (request, response) => {
6 | await Note.deleteMany({});
7 | await User.deleteMany({});
8 |
9 | response.status(204).end();
10 | });
11 |
12 | module.exports = testingRouter;
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/controllers/testing.js:
--------------------------------------------------------------------------------
1 | const testingRouter = require('express').Router();
2 | const Note = require('../models/blog');
3 | const User = require('../models/user');
4 |
5 | testingRouter.post('/reset', async (request, response) => {
6 | await Note.deleteMany({});
7 | await User.deleteMany({});
8 |
9 | response.status(204).end();
10 | });
11 |
12 | module.exports = testingRouter;
--------------------------------------------------------------------------------
/part3/phonebook-backend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # misc
12 | .DS_Store
13 | .env
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 |
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 |
--------------------------------------------------------------------------------
/part1/anecdotes/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part1/courseinfo/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part1/unicafe/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part2/countries/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part2/courseinfo2/src/components/Content.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Part from './Part';
3 |
4 | const Content = ({ course: { parts } }) => {
5 | return (
6 | Search
7 | search: 8 | 12 |
7 | {parts.map(part =>
8 |
14 | );
15 | }
16 |
17 | export default Content;
--------------------------------------------------------------------------------
/part2/phonebook/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part7/routed-anecdotes/src/hooks/index.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 |
3 | export const useField = (name, type = 'text') => {
4 | const [value, setValue] = useState('');
5 |
6 | const onChange = (event) => {
7 | setValue(event.target.value);
8 | };
9 |
10 | const reset = () => {
11 | setValue('');
12 | };
13 |
14 | const props = { type, name, value, onChange };
15 |
16 | return [ props, reset ];
17 | };
--------------------------------------------------------------------------------
/part2/courseinfo2/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part6/redux-anecdotes/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part6/unicafe-redux/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part7/country-hook/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part7/ultimate-hooks/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part9/bmi/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "noImplicitAny": true,
4 | "noImplicitReturns": true,
5 | "strictNullChecks": true,
6 | "strictPropertyInitialization": true,
7 | "strictBindCallApply": true,
8 | "noUnusedLocals": true,
9 | "noUnusedParameters": true,
10 | "noImplicitThis": true,
11 | "alwaysStrict": true,
12 | "esModuleInterop": true,
13 | "declaration": true,
14 | }
15 | }
--------------------------------------------------------------------------------
/part1/anecdotes/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/part1/courseinfo/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/part1/unicafe/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/part2/courseinfo2/src/components/Course.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Header from './Header';
3 | import Content from './Content';
4 | import Total from './Total';
5 |
6 | const Course = ({ course }) => {
7 | return (
8 |
9 |
13 | );
14 | }
15 |
16 | export default Course;
--------------------------------------------------------------------------------
/part2/courseinfo2/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/part7/routed-anecdotes/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part8/library-frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part2/phonebook/src/components/Notification.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../index.css';
3 |
4 | const Notification = ({ notification }) => {
5 | if (notification === null) {
6 | return null
7 | }
8 |
9 | const className = `notification notification__${notification.type}`
10 |
11 | return (
12 | {notification.message}
13 | );
14 | }
15 |
16 | export default Notification;
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/part5/bloglist-frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | .eslintcache
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { Provider } from 'react-redux';
4 | import { BrowserRouter as Router } from 'react-router-dom';
5 | import store from './store';
6 | import App from './App';
7 |
8 | ReactDOM.render(
9 |
5 | Anecdote app for Full Stack -websovelluskehitys.
6 |
7 | See https://github.com/fullstack-hy2019/routed-anecdotes/blob/master/src/App.js for the source code.
8 |
9 | );
10 |
11 | export default Footer;
--------------------------------------------------------------------------------
/part7/routed-anecdotes/src/components/Menu.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 |
4 | const Menu = () => {
5 | const padding = {
6 | paddingRight: 5
7 | };
8 |
9 | return (
10 |
11 | anecdotes
12 | create new
13 | about
14 |
15 | );
16 | };
17 |
18 | export default Menu;
--------------------------------------------------------------------------------
/part7/ultimate-hooks/db.json:
--------------------------------------------------------------------------------
1 | {
2 | "notes": [
3 | {
4 | "content": "custom-hooks are grat",
5 | "id": 1
6 | },
7 | {
8 | "content": "the best featrure ever <3",
9 | "id": 2
10 | }
11 | ],
12 | "persons": [
13 | {
14 | "name": "mluukkai",
15 | "number": "040-5483923",
16 | "id": 1
17 | },
18 | {
19 | "name": "kaltsoon",
20 | "number": "045-2323456",
21 | "id": 2
22 | }
23 | ]
24 | }
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/src/components/Total.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { CoursePart } from '../types';
3 |
4 | interface TotalProps {
5 | courseParts: CoursePart[];
6 | }
7 |
8 | const Total = ({ courseParts }: TotalProps) => {
9 | return (
10 | 11 | 12 | Number of exercises{' '} 13 | {courseParts.reduce((carry, part) => carry + part.exerciseCount, 0)} 14 | 15 |
16 | ) 17 | }; 18 | 19 | export default Total; -------------------------------------------------------------------------------- /part2/phonebook/db.json: -------------------------------------------------------------------------------- 1 | { 2 | "persons": [ 3 | { 4 | "name": "Arto Hellas", 5 | "number": "040-123456", 6 | "id": 1 7 | }, 8 | { 9 | "name": "Ada Lovelace", 10 | "number": "39-44-5323523", 11 | "id": 2 12 | }, 13 | { 14 | "name": "Dan Abramov", 15 | "number": "12-43-234345", 16 | "id": 3 17 | }, 18 | { 19 | "name": "Mary Poppendieck", 20 | "number": "39-23-6423122", 21 | "id": 4 22 | } 23 | ] 24 | } -------------------------------------------------------------------------------- /part5/bloglist-frontend/cypress/fixtures/blogs.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "title": "First Blog", 4 | "author": "Test Author", 5 | "url": "http://www.example.com/blog1", 6 | "likes": 5 7 | }, 8 | { 9 | "title": "Second Blog", 10 | "author": "Test Author", 11 | "url": "http://www.example.com/blog2", 12 | "likes": 1 13 | }, 14 | { 15 | "title": "Third Blog", 16 | "author": "Test Author", 17 | "url": "http://www.example.com/blog3", 18 | "likes": 3 19 | } 20 | ] -------------------------------------------------------------------------------- /part5/bloglist-frontend/src/utils/handleError.js: -------------------------------------------------------------------------------- 1 | const handleError = (error) => { 2 | if (error.response) { 3 | console.error(error.response); 4 | 5 | return error.response.data.error 6 | ? error.response.data.error 7 | : error.message; 8 | } else if (error.request) { 9 | console.error(error.request); 10 | return error.message; 11 | } else { 12 | console.log('Error', error.message); 13 | return error.message; 14 | } 15 | }; 16 | 17 | export default handleError; -------------------------------------------------------------------------------- /part7/blog-list-frontend-extended/cypress/fixtures/blogs.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "title": "First Blog", 4 | "author": "Test Author", 5 | "url": "http://www.example.com/blog1", 6 | "likes": 5 7 | }, 8 | { 9 | "title": "Second Blog", 10 | "author": "Test Author", 11 | "url": "http://www.example.com/blog2", 12 | "likes": 1 13 | }, 14 | { 15 | "title": "Third Blog", 16 | "author": "Test Author", 17 | "url": "http://www.example.com/blog3", 18 | "likes": 3 19 | } 20 | ] -------------------------------------------------------------------------------- /part7/blog-list-frontend-extended/src/utils/handleError.js: -------------------------------------------------------------------------------- 1 | const handleError = (error) => { 2 | if (error.response) { 3 | console.error(error.response); 4 | 5 | return error.response.data.error 6 | ? error.response.data.error 7 | : error.message; 8 | } else if (error.request) { 9 | console.error(error.request); 10 | return error.message; 11 | } else { 12 | console.error('Error', error.message); 13 | return error.message; 14 | } 15 | }; 16 | 17 | export default handleError; -------------------------------------------------------------------------------- /part8/library-backend/loaders.js: -------------------------------------------------------------------------------- 1 | const Book = require('./models/book'); 2 | 3 | const batchBookCounts = async (authorIds) => { 4 | const books = await Book.find({}); 5 | 6 | const bookCounts = books.reduce((bookCounts, book) => { 7 | const authorId = book.author; 8 | 9 | bookCounts[authorId] = (bookCounts[authorId] || 0) + 1; 10 | 11 | return bookCounts; 12 | }, {}); 13 | 14 | return authorIds.map((authorId) => bookCounts[authorId] || 0); 15 | }; 16 | 17 | module.exports = { batchBookCounts }; -------------------------------------------------------------------------------- /part9/courseinfo-typescript/src/components/Content.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { CoursePart } from '../types'; 3 | import Part from './Part'; 4 | 5 | interface ContentProps { 6 | courseParts: CoursePart[]; 7 | } 8 | 9 | const Content = ({ courseParts }: ContentProps) => { 10 | return ( 11 |
12 | {courseParts.map((coursePart) => {
13 | return (
14 |
18 | );
19 | };
20 |
21 | export default Content;
--------------------------------------------------------------------------------
/part7/routed-anecdotes/src/components/Anecdote.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Anecdote = ({ anecdote, voteAnecdote }) => {
4 | if (!anecdote) {
5 | return null;
6 | }
7 |
8 | return (
9 |
10 |
17 | );
18 | };
19 |
20 | export default Anecdote;
--------------------------------------------------------------------------------
/part7/routed-anecdotes/src/components/AnecdoteList.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 |
4 | const AnecdoteList = ({ anecdotes }) => (
5 | {anecdote.content}
11 |has {anecdote.votes} votes
12 | 15 |for more info see {anecdote.info}
16 |
6 |
19 | );
20 |
21 | export default AnecdoteList;
--------------------------------------------------------------------------------
/part2/phonebook/src/components/PersonList.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Person from './Person'
3 |
4 | const PersonList = ({ filteredPersons, handleDelete }) => {
5 |
6 | return (
7 | Anecdotes
7 |-
8 | {anecdotes.map(anecdote => {
9 | return (
10 |
- 11 | 12 | {anecdote.content} 13 | 14 | 15 | ); 16 | })} 17 |
8 |
17 | )
18 | }
19 |
20 | export default PersonList;
--------------------------------------------------------------------------------
/part6/redux-anecdotes/src/components/Filter.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import { setFilter } from '../reducers/filterReducer';
4 |
5 | const Filter = ({ setFilter }) => {
6 | const handleChange = (event) => {
7 | setFilter(event.target.value);
8 | };
9 | const style = {
10 | marginBottom: 10
11 | };
12 |
13 | return (
14 | Numbers
9 | {filteredPersons.map(person => 10 |
15 | filter
16 |
17 | );
18 | };
19 |
20 | export default connect(
21 | null,
22 | { setFilter }
23 | )(Filter);
--------------------------------------------------------------------------------
/part3/phonebook-backend/build/static/css/main.b5860f0e.chunk.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack://src/index.css"],"names":[],"mappings":"AAAA,cACI,kBAAqB,CACrB,cAAe,CACf,kBAAmB,CACnB,iBAAkB,CAClB,YAAa,CACb,kBACJ,CAEA,uBACG,SACH,CAEA,uBACI,WACH","file":"main.b5860f0e.chunk.css","sourcesContent":[".notification {\r\n background: lightgrey;\r\n font-size: 20px;\r\n border-style: solid;\r\n border-radius: 5px;\r\n padding: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.notification__failure {\r\n color: red;\r\n}\r\n\r\n.notification__success {\r\n color: green;\r\n }\r\n\r\n"]}
--------------------------------------------------------------------------------
/part6/redux-anecdotes/src/components/Notification.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 |
4 | const Notification = ({ notification }) => {
5 | const style = {
6 | border: 'solid',
7 | padding: 10,
8 | borderWidth: 1
9 | };
10 |
11 | if (!notification) return null;
12 |
13 | return (
14 |
15 | {notification}
16 |
17 | );
18 | };
19 |
20 | const mapStateToProps = (state) => {
21 | return { notification: state.notification };
22 | };
23 |
24 | export default connect(mapStateToProps)(Notification);
--------------------------------------------------------------------------------
/part6/unicafe-redux/src/reducer.js:
--------------------------------------------------------------------------------
1 | const initialState = {
2 | good: 0,
3 | ok: 0,
4 | bad: 0
5 | };
6 |
7 | const counterReducer = (state = initialState, action) => {
8 | console.log(action);
9 | switch (action.type) {
10 | case 'GOOD':
11 | return { ...state, good: state.good + 1 };
12 | case 'OK':
13 | return { ...state, ok: state.ok + 1 };
14 | case 'BAD':
15 | return { ...state, bad: state.bad + 1 };
16 | case 'ZERO':
17 | return initialState;
18 | default:
19 | return state;
20 | }
21 |
22 | };
23 |
24 | export default counterReducer;
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "browser": true,
4 | "es6": true,
5 | "jest": true
6 | },
7 | "extends": [
8 | "eslint:recommended",
9 | "plugin:react/recommended",
10 | "plugin:@typescript-eslint/recommended"
11 | ],
12 | "plugins": ["react", "@typescript-eslint"],
13 | "settings": {
14 | "react": {
15 | "pragma": "React",
16 | "version": "detect"
17 | }
18 | },
19 | "rules": {
20 | "@typescript-eslint/explicit-function-return-type": 0,
21 | "@typescript-eslint/explicit-module-boundary-types": 0
22 | }
23 | }
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/components/UnauthenticatedRoute.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelector } from 'react-redux';
3 | import { Route, Redirect } from 'react-router-dom';
4 |
5 | const UnauthenticatedRoute = ({ component: Component, ...rest }) => {
6 | const isLoggedIn = useSelector((state) => state.authentication.isLoggedIn);
7 |
8 | return (
9 |
6 | {user.name} is logged in
7 |
8 |
9 | );
10 |
11 | UserInfo.propTypes = {
12 | user: PropTypes.shape({
13 | name: PropTypes.string.isRequired,
14 | token: PropTypes.string.isRequired,
15 | username: PropTypes.string.isRequired,
16 | }).isRequired,
17 | handleLogout: PropTypes.func.isRequired,
18 | };
19 |
20 | export default UserInfo;
--------------------------------------------------------------------------------
/part1/unicafe/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part1/anecdotes/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part1/courseinfo/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part2/countries/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part2/courseinfo2/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part2/phonebook/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part6/unicafe-redux/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part7/country-hook/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part3/phonebook-backend/build/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part5/bloglist-frontend/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part6/redux-anecdotes/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/components/Comments.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { v4 as uuidv4 } from 'uuid';
3 | import CommentForm from './CommentForm';
4 | import List from '@material-ui/core/List';
5 | import ListItem from '@material-ui/core/ListItem';
6 |
7 | const Comments = ({ blog }) => {
8 | const comments = blog.comments;
9 |
10 | return (
11 |
12 |
18 | );
19 | };
20 |
21 | export default Comments;
--------------------------------------------------------------------------------
/part7/routed-anecdotes/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part7/ultimate-hooks/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part8/library-frontend/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part9/patientor-backend/src/index.ts:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import cors from 'cors';
3 | import diagnosesRouter from './routes/diagnoses';
4 | import patientsRouter from './routes/patients';
5 |
6 | const app = express();
7 |
8 | app.use(express.json());
9 |
10 | app.use(cors());
11 |
12 | const PORT = 3001;
13 |
14 | app.get('/api/ping', (_req, res) => {
15 | console.log('someone pinged here');
16 | res.send('pong');
17 | });
18 |
19 | app.use('/api/diagnoses', diagnosesRouter);
20 | app.use('/api/patients', patientsRouter);
21 |
22 | app.listen(PORT, () => {
23 | console.log(`Server running on port ${PORT}`);
24 | });
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/part4/blog-list-backend/models/blog.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 |
3 | const blogSchema = new mongoose.Schema({
4 | title: { type: String, required: true },
5 | author: String,
6 | url: { type: String, required: true },
7 | likes: { type: Number, default: 0 },
8 | user: {
9 | type: mongoose.Schema.Types.ObjectId,
10 | ref: 'User',
11 | }
12 | });
13 |
14 | blogSchema.set('toJSON', {
15 | transform: (document, returnedObject) => {
16 | returnedObject.id = returnedObject._id.toString();
17 | delete returnedObject._id;
18 | delete returnedObject.__v;
19 | }
20 | });
21 |
22 | module.exports = mongoose.model('Blog', blogSchema);
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": false,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "noFallthroughCasesInSwitch": true,
16 | "module": "esnext",
17 | "moduleResolution": "node",
18 | "resolveJsonModule": true,
19 | "isolatedModules": true,
20 | "noEmit": true,
21 | "jsx": "react-jsx"
22 | },
23 | "include": [
24 | "src"
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/README.md:
--------------------------------------------------------------------------------
1 | # blog-list-frontend-extended
2 |
3 | The frontend for a full stack application that was extended from the blog app from parts 4 and 5. It is used to share blog post with friends who can then like or comment on them. Redux is used for state management and React Router for routing. Styling is accomplished with Material-UI.
4 |
5 | ## Screenshots
6 |
7 | Comments:
13 |-
14 | {comments.map((comment) =>
8 | 
9 | 
10 | 
11 |
{notification.message}
14 | );
15 | };
16 |
17 | Notification.propTypes = {
18 | notification: PropTypes.shape({
19 | message: PropTypes.string.isRequired,
20 | type: PropTypes.oneOf([
21 | 'success',
22 | 'failure',
23 | ]).isRequired,
24 | }),
25 | };
26 |
27 | export default Notification;
--------------------------------------------------------------------------------
/part8/library-backend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "library-backend",
3 | "version": "1.0.0",
4 | "description": "Backend for library app",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "nodemon index.js",
8 | "test": "echo \"Error: no test specified\" && exit 1",
9 | "lint": "eslint ."
10 | },
11 | "author": "Ruel Neuman",
12 | "license": "MIT",
13 | "devDependencies": {
14 | "eslint": "^7.26.0",
15 | "nodemon": "^2.0.7"
16 | },
17 | "dependencies": {
18 | "apollo-server": "^2.24.0",
19 | "dataloader": "^2.0.0",
20 | "dotenv": "^9.0.2",
21 | "graphql": "^15.5.0",
22 | "jsonwebtoken": "^8.5.1",
23 | "mongoose": "^5.12.9",
24 | "mongoose-unique-validator": "^2.0.3"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/components/Notification.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelector } from 'react-redux';
3 | import { Alert } from '@material-ui/lab';
4 | import { makeStyles } from '@material-ui/core/styles';
5 |
6 | const useStyles = makeStyles((theme) => ({
7 | alert: {
8 | margin: theme.spacing(1),
9 | },
10 | }));
11 |
12 | const Notification = () => {
13 | const classes = useStyles();
14 |
15 | const notification = useSelector((state) => state.notification);
16 |
17 | if (!notification || !notification.message) {
18 | return null;
19 | }
20 |
21 | return (
22 | No books found
;
6 | }
7 |
8 | return (
9 | | 13 | | 14 | Author 15 | | 16 |17 | Published 18 | | 19 |
|---|---|---|
| {book.title} | 23 |{book.author.name} | 24 |{book.published} | 25 |
19 | {
22 | );
23 | };
24 |
25 | export default HealthRatingBar;
26 |
--------------------------------------------------------------------------------
/part5/bloglist-frontend/cypress/support/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/index.js is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import './commands';
18 |
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
21 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/cypress/support/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/index.js is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import './commands';
18 |
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
21 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/store.js:
--------------------------------------------------------------------------------
1 | import { createStore, combineReducers, applyMiddleware } from 'redux';
2 | import thunk from 'redux-thunk';
3 | import { composeWithDevTools } from 'redux-devtools-extension';
4 |
5 | import notificationReducer from './reducers/notificationReducer';
6 | import blogReducer from './reducers/blogReducer';
7 | import userReducer from './reducers/userReducer';
8 | import authenticationReducer from './reducers/authenticationReducer';
9 |
10 | const reducer = combineReducers({
11 | notification: notificationReducer,
12 | blogs: blogReducer,
13 | users: userReducer,
14 | authentication: authenticationReducer,
15 | });
16 |
17 | const store = createStore(
18 | reducer,
19 | composeWithDevTools(
20 | applyMiddleware(thunk)
21 | )
22 | );
23 |
24 | export default store;
--------------------------------------------------------------------------------
/part8/library-backend/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 'env': {
3 | 'node': true,
4 | 'commonjs': true,
5 | 'es2021': true,
6 | 'jest': true
7 | },
8 | 'extends': 'eslint:recommended',
9 | 'parserOptions': {
10 | 'ecmaVersion': 12
11 | },
12 | 'rules': {
13 | 'indent': [
14 | 'error',
15 | 2
16 | ],
17 | 'linebreak-style': [
18 | 'error',
19 | 'windows'
20 | ],
21 | 'quotes': [
22 | 'error',
23 | 'single'
24 | ],
25 | 'semi': [
26 | 'error',
27 | 'always'
28 | ],
29 | 'eqeqeq': 'error',
30 | 'no-trailing-spaces': 'error',
31 | 'object-curly-spacing': [
32 | 'error', 'always'
33 | ],
34 | 'arrow-spacing': [
35 | 'error', { 'before': true, 'after': true }
36 | ]
37 | }
38 | };
--------------------------------------------------------------------------------
/part4/blog-list-backend/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 'env': {
3 | 'node': true,
4 | 'commonjs': true,
5 | 'es2021': true,
6 | 'jest': true
7 | },
8 | 'extends': 'eslint:recommended',
9 | 'parserOptions': {
10 | 'ecmaVersion': 12
11 | },
12 | 'rules': {
13 | 'indent': [
14 | 'error',
15 | 2
16 | ],
17 | 'linebreak-style': [
18 | 'error',
19 | 'windows'
20 | ],
21 | 'quotes': [
22 | 'error',
23 | 'single'
24 | ],
25 | 'semi': [
26 | 'error',
27 | 'always'
28 | ],
29 | 'eqeqeq': 'error',
30 | 'no-trailing-spaces': 'error',
31 | 'object-curly-spacing': [
32 | 'error', 'always'
33 | ],
34 | 'arrow-spacing': [
35 | 'error', { 'before': true, 'after': true }
36 | ]
37 | }
38 | };
39 |
--------------------------------------------------------------------------------
/part6/redux-anecdotes/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from 'react';
2 | import { useDispatch } from 'react-redux';
3 | import AnecdoteForm from './components/AnecdoteForm';
4 | import AnecdoteList from './components/AnecdoteList';
5 | import Notification from './components/Notification';
6 | import Filter from './components/Filter';
7 | import { initializeAnecdotes } from './reducers/anecdoteReducer';
8 |
9 |
10 | const App = () => {
11 | const dispatch = useDispatch();
12 |
13 | useEffect(() => {
14 | dispatch(initializeAnecdotes());
15 | }, []);
16 |
17 | return (
18 | {HEALTHBAR_TEXTS[rating]}
: null} 21 |
19 |
26 | );
27 | };
28 |
29 | export default App;
--------------------------------------------------------------------------------
/part3/phonebook-backend/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 'env': {
3 | 'node': true,
4 | 'commonjs': true,
5 | 'es2021': true
6 | },
7 | 'extends': 'eslint:recommended',
8 | 'parserOptions': {
9 | 'ecmaVersion': 12
10 | },
11 | 'rules': {
12 | 'indent': [
13 | 'error',
14 | 2
15 | ],
16 | 'linebreak-style': [
17 | 'error',
18 | 'windows'
19 | ],
20 | 'quotes': [
21 | 'error',
22 | 'single'
23 | ],
24 | 'semi': [
25 | 'error',
26 | 'always'
27 | ],
28 | 'eqeqeq': 'error',
29 | 'no-trailing-spaces': 'error',
30 | 'object-curly-spacing': [
31 | 'error', 'always'
32 | ],
33 | 'arrow-spacing': [
34 | 'error', { 'before': true, 'after': true }
35 | ],
36 | 'no-console': 0
37 | }
38 | };
39 |
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 'env': {
3 | 'node': true,
4 | 'commonjs': true,
5 | 'es2021': true,
6 | 'jest': true
7 | },
8 | 'extends': 'eslint:recommended',
9 | 'parserOptions': {
10 | 'ecmaVersion': 12
11 | },
12 | 'rules': {
13 | 'indent': [
14 | 'error',
15 | 2
16 | ],
17 | 'linebreak-style': [
18 | 'error',
19 | 'windows'
20 | ],
21 | 'quotes': [
22 | 'error',
23 | 'single'
24 | ],
25 | 'semi': [
26 | 'error',
27 | 'always'
28 | ],
29 | 'eqeqeq': 'error',
30 | 'no-trailing-spaces': 'error',
31 | 'object-curly-spacing': [
32 | 'error', 'always'
33 | ],
34 | 'arrow-spacing': [
35 | 'error', { 'before': true, 'after': true }
36 | ]
37 | }
38 | };
39 |
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/AddEntryModal/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Modal, Segment } from 'semantic-ui-react';
3 | import AddEntryForm from './AddEntryForm';
4 | import { NewEntry } from '../types';
5 |
6 | interface Props {
7 | modalOpen: boolean;
8 | onClose: () => void;
9 | onSubmit: (values: NewEntry) => void;
10 | error?: string;
11 | }
12 |
13 | const AddEntryModal = ({ modalOpen, onClose, onSubmit, error }: Props) => (
14 | Anecdotes
20 |Create New
24 |-
17 | {diagnosisCodes.map((code) => {
18 | return (
19 |
22 |
30 | );
31 | };
32 |
33 | export default User;
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
14 |
15 | {user.name}
23 |Blogs Added:
24 |-
25 | {user.blogs.map((blog) => {
26 | return
5 |
15 | );
16 |
17 | export default About;
--------------------------------------------------------------------------------
/part9/bmi/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bmi",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "calculateBmi": "ts-node bmiCalculator.ts",
9 | "calculateExercises": "ts-node exerciseCalculator.ts",
10 | "start": "ts-node index.ts",
11 | "dev": "ts-node-dev index.ts",
12 | "lint": "eslint --ext .ts ."
13 | },
14 | "author": "Ruel Neuman",
15 | "license": "MIT",
16 | "devDependencies": {
17 | "@types/express": "^4.17.11",
18 | "@types/node": "^15.6.0",
19 | "@typescript-eslint/eslint-plugin": "^4.25.0",
20 | "@typescript-eslint/parser": "^4.25.0",
21 | "eslint": "^7.27.0",
22 | "ts-node": "^10.0.0",
23 | "ts-node-dev": "^1.1.6",
24 | "typescript": "^4.2.4"
25 | },
26 | "dependencies": {
27 | "express": "^4.17.1"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/part4/blog-list-backend/models/user.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 | const uniqueValidator = require('mongoose-unique-validator');
3 |
4 | const userSchema = new mongoose.Schema({
5 | username: {
6 | type: String,
7 | minLength: 3,
8 | unique: true,
9 | required: true,
10 | },
11 | name: String,
12 | passwordHash: {
13 | type: String,
14 | required: true,
15 | },
16 | blogs: [
17 | {
18 | type: mongoose.Schema.Types.ObjectId,
19 | ref: 'Blog',
20 | }
21 | ],
22 | });
23 |
24 | userSchema.plugin(uniqueValidator);
25 |
26 | userSchema.set('toJSON', {
27 | transform: (document, returnedObject) => {
28 | returnedObject.id = returnedObject._id.toString();
29 | delete returnedObject._id;
30 | delete returnedObject.__v;
31 | delete returnedObject.passwordHash;
32 | }
33 | });
34 |
35 | module.exports = mongoose.model('User', userSchema);
--------------------------------------------------------------------------------
/part5/bloglist-frontend/cypress/plugins/index.js:
--------------------------------------------------------------------------------
1 | /* eslint-env node */
2 | /// About anecdote app
6 |According to Wikipedia:
7 | 8 | An anecdote is a brief, revealing account of an individual person or an incident. 9 | Occasionally humorous, anecdotes differ from jokes because their primary purpose is not simply to provoke laughter but to reveal a truth more general than the brief tale itself, 10 | such as to characterize a person by delineating a specific quirk or trait, to communicate an abstract idea about a person, place, or thing through the concrete details of a short narrative. 11 | An anecdote is "a story with a point." 12 | 13 |Software engineering is full of excellent anecdotes, at this app you can find the best and add more.
14 |
11 |
12 |
13 |
14 |
15 |
19 | );
20 | };
21 |
22 | const renderApp = () => {
23 | ReactDOM.render(good {store.getState().good}
16 | neutral {store.getState().ok}
17 | bad {store.getState().bad}
18 |
12 | 
20 |
25 | );
26 | }
27 |
28 |
29 |
30 | export default Country;
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/controllers/users.js:
--------------------------------------------------------------------------------
1 | const usersRouter = require('express').Router();
2 | const bcrypt = require('bcrypt');
3 | const User = require('../models/user');
4 |
5 | usersRouter.get('/', async (request, response) => {
6 | const users = await User
7 | .find({})
8 | .populate('blogs', { title: 1, author: 1, url: 1});
9 |
10 | response.json(users);
11 | });
12 |
13 | usersRouter.post('/', async (request, response) => {
14 | const body = request.body;
15 |
16 | if (!body.password || body.password.length < 3) {
17 | return response
18 | .status(400)
19 | .json({ error: 'password must be at least 3 characters' });
20 | }
21 |
22 | const saltRounds = 10;
23 | const passwordHash = await bcrypt.hash(body.password, saltRounds);
24 |
25 | const user = new User({
26 | username: body.username,
27 | name: body.name,
28 | passwordHash,
29 | });
30 |
31 | const savedUser = await user.save();
32 |
33 | response.json(savedUser);
34 | });
35 |
36 | module.exports = usersRouter;
--------------------------------------------------------------------------------
/part7/country-hook/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "country-hook",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@testing-library/jest-dom": "^5.11.9",
7 | "@testing-library/react": "^11.2.5",
8 | "@testing-library/user-event": "^12.7.1",
9 | "axios": "^0.21.1",
10 | "react": "^17.0.1",
11 | "react-dom": "^17.0.1",
12 | "react-scripts": "4.0.2",
13 | "web-vitals": "^1.1.0"
14 | },
15 | "scripts": {
16 | "start": "react-scripts start",
17 | "build": "react-scripts build",
18 | "test": "react-scripts test",
19 | "eject": "react-scripts eject",
20 | "lint": "eslint ."
21 | },
22 | "eslintConfig": {
23 | "extends": [
24 | "react-app",
25 | "react-app/jest"
26 | ]
27 | },
28 | "browserslist": {
29 | "production": [
30 | ">0.2%",
31 | "not dead",
32 | "not op_mini all"
33 | ],
34 | "development": [
35 | "last 1 chrome version",
36 | "last 1 firefox version",
37 | "last 1 safari version"
38 | ]
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/part4/blog-list-backend/controllers/login.js:
--------------------------------------------------------------------------------
1 | const jwt = require('jsonwebtoken');
2 | const bcrypt = require('bcrypt');
3 | const loginRouter = require('express').Router();
4 | const User = require('../models/user');
5 |
6 | loginRouter.post('/', async (request, response) => {
7 | const body = request.body;
8 |
9 | const user = await User.findOne({ username: body.username });
10 |
11 | const passwordCorrect = (user === null || !body?.password)
12 | ? false
13 | : await bcrypt.compare(body.password, user.passwordHash);
14 |
15 | if (!(user && passwordCorrect)) {
16 | return response.status(401).json({
17 | error: 'invalid username or password'
18 | });
19 | }
20 |
21 | const userForToken = {
22 | username: user.username,
23 | id: user._id,
24 | };
25 |
26 | const token = jwt.sign(
27 | userForToken,
28 | process.env.SECRET,
29 | { expiresIn: '1h' }
30 | );
31 |
32 | response
33 | .status(200)
34 | .send({ token, username: user.username, name: user.name });
35 |
36 | });
37 |
38 | module.exports = loginRouter;
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/controllers/login.js:
--------------------------------------------------------------------------------
1 | const jwt = require('jsonwebtoken');
2 | const bcrypt = require('bcrypt');
3 | const loginRouter = require('express').Router();
4 | const User = require('../models/user');
5 |
6 | loginRouter.post('/', async (request, response) => {
7 | const body = request.body;
8 |
9 | const user = await User.findOne({ username: body.username });
10 |
11 | const passwordCorrect = (user === null || !body?.password)
12 | ? false
13 | : await bcrypt.compare(body.password, user.passwordHash);
14 |
15 | if (!(user && passwordCorrect)) {
16 | return response.status(401).json({
17 | error: 'invalid username or password'
18 | });
19 | }
20 |
21 | const userForToken = {
22 | username: user.username,
23 | id: user._id,
24 | };
25 |
26 | const token = jwt.sign(
27 | userForToken,
28 | process.env.SECRET,
29 | { expiresIn: '1h' }
30 | );
31 |
32 | response
33 | .status(200)
34 | .send({ token, username: user.username, name: user.name });
35 |
36 | });
37 |
38 | module.exports = loginRouter;
--------------------------------------------------------------------------------
/part9/patientor-frontend/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "eslint:recommended",
4 | "plugin:@typescript-eslint/recommended",
5 | "plugin:react/recommended",
6 | "plugin:@typescript-eslint/recommended-requiring-type-checking"
7 | ],
8 | "plugins": ["@typescript-eslint", "react"],
9 | "env": {
10 | "browser": true,
11 | "es6": true
12 | },
13 | "rules": {
14 | "@typescript-eslint/semi": ["error"],
15 | "@typescript-eslint/explicit-function-return-type": 0,
16 | "@typescript-eslint/explicit-module-boundary-types": 0,
17 | "@typescript-eslint/no-unsafe-member-access": 0,
18 | "@typescript-eslint/no-unused-vars": [
19 | "error", { "argsIgnorePattern": "^_" }
20 | ],
21 | "@typescript-eslint/no-explicit-any": 1,
22 | "no-case-declarations": 0,
23 | "react/prop-types": 0
24 | },
25 | "settings": {
26 | "react": {
27 | "pragma": "React",
28 | "version": "detect"
29 | }
30 | },
31 | "parser": "@typescript-eslint/parser",
32 | "parserOptions": {
33 | "project": "./tsconfig.json"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/part8/library-frontend/src/components/Recommendations.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useQuery } from '@apollo/client';
3 | import { ALL_BOOKS, ME } from '../queries';
4 | import BookTable from './BookTable';
5 |
6 | const Recommendations = () => {
7 | const { data: meData, loading: meLoading, error: meError } = useQuery(ME, {
8 | fetchPolicy: 'cache-and-network',
9 | });
10 |
11 | const genre = meData?.me?.favoriteGenre;
12 |
13 | const { data: booksData, loading: booksLoading, error: booksError } = useQuery(ALL_BOOKS, {
14 | variables: { genre },
15 | skip: !genre,
16 | fetchPolicy: 'cache-and-network',
17 | });
18 |
19 | if (booksLoading || meLoading) {
20 | return {country.name}
13 |Capital:{country.capital}
14 | Population:{numberWithCommas(country.population)}
15 | Languages:
16 | -
17 | {country.languages.map(language =>
- {language.name} )} 18 |
loading...
;
21 | }
22 |
23 | if (booksError || meError) {
24 | return Error: Could not load books
;
25 | }
26 |
27 | return (
28 |
29 |
33 | );
34 | };
35 |
36 | export default Recommendations;
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/state/state.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext, useReducer } from "react";
2 | import { Patient, Diagnosis } from "../types";
3 |
4 | import { Action } from "./reducer";
5 |
6 | export type State = {
7 | patients: { [id: string]: Patient };
8 | diagnoses: { [code: string]: Diagnosis };
9 | };
10 |
11 | const initialState: State = {
12 | patients: {},
13 | diagnoses: {},
14 | };
15 |
16 | export const StateContext = createContext<[State, React.DispatchRecommendations
30 |Your favorite genre: {genre}
31 |
20 |
28 | );
29 | };
30 |
31 | Togglable.propTypes = {
32 | buttonLabel: PropTypes.string.isRequired,
33 | children: PropTypes.element.isRequired,
34 | };
35 |
36 |
37 | export default Togglable;
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "blog-list-backend-extended",
3 | "version": "1.0.0",
4 | "description": "Blog list backend for Full Stack Open course",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "cross-env NODE_ENV=production node index.js",
8 | "dev": "cross-env NODE_ENV=development nodemon index.js",
9 | "test": "cross-env NODE_ENV=test jest --verbose --runInBand",
10 | "start:test": "cross-env NODE_ENV=test node index.js",
11 | "lint": "eslint . && echo 'Lint complete'"
12 | },
13 | "author": "Ruel Neuman",
14 | "license": "MIT",
15 | "dependencies": {
16 | "bcrypt": "^5.0.1",
17 | "cors": "^2.8.5",
18 | "dotenv": "^8.2.0",
19 | "express": "^4.17.1",
20 | "express-async-errors": "^3.1.1",
21 | "jsonwebtoken": "^8.5.1",
22 | "mongoose": "^5.12.0",
23 | "mongoose-unique-validator": "^2.0.3"
24 | },
25 | "devDependencies": {
26 | "cross-env": "^7.0.3",
27 | "eslint": "^7.22.0",
28 | "jest": "^26.6.3",
29 | "nodemon": "^2.0.7",
30 | "supertest": "^6.1.3"
31 | },
32 | "jest": {
33 | "testEnvironment": "node"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/part3/phonebook-backend/models/person.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 | const uniqueValidator = require('mongoose-unique-validator');
3 |
4 | const url = process.env.MONGODB_URI;
5 |
6 | mongoose
7 | .connect(url, {
8 | useNewUrlParser: true,
9 | useUnifiedTopology: true,
10 | useFindAndModify: false,
11 | useCreateIndex: true
12 | })
13 | .then(() => {
14 | console.log('connected to MongoDB');
15 | })
16 | .catch((error) => {
17 | console.log('error connecting to MongoDB:', error.message);
18 | });
19 |
20 | const personSchema = new mongoose.Schema({
21 | name: {
22 | type: String,
23 | required: true,
24 | unique: true,
25 | minlength: 3,
26 | },
27 | number: {
28 | type: String,
29 | required: true,
30 | minlength: 8,
31 | },
32 | });
33 |
34 | personSchema.plugin(uniqueValidator);
35 |
36 | personSchema.set('toJSON', {
37 | transform: (document, returnedObject) => {
38 | returnedObject.id = returnedObject._id.toString();
39 | delete returnedObject._id;
40 | delete returnedObject.__v;
41 | }
42 | });
43 |
44 | module.exports = mongoose.model('Person', personSchema);
--------------------------------------------------------------------------------
/part6/unicafe-redux/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "unicafe-redux",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@testing-library/jest-dom": "^5.11.9",
7 | "@testing-library/react": "^11.2.5",
8 | "@testing-library/user-event": "^12.6.3",
9 | "react": "^17.0.1",
10 | "react-dom": "^17.0.1",
11 | "react-scripts": "4.0.2",
12 | "redux": "^4.0.5",
13 | "web-vitals": "^1.1.0"
14 | },
15 | "scripts": {
16 | "start": "react-scripts start",
17 | "build": "react-scripts build",
18 | "test": "react-scripts test",
19 | "eject": "react-scripts eject",
20 | "lint": "eslint ."
21 | },
22 | "eslintConfig": {
23 | "extends": [
24 | "react-app",
25 | "react-app/jest"
26 | ]
27 | },
28 | "browserslist": {
29 | "production": [
30 | ">0.2%",
31 | "not dead",
32 | "not op_mini all"
33 | ],
34 | "development": [
35 | "last 1 chrome version",
36 | "last 1 firefox version",
37 | "last 1 safari version"
38 | ]
39 | },
40 | "devDependencies": {
41 | "deep-freeze": "0.0.1",
42 | "eslint-plugin-jest": "^24.3.5"
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/PatientPage/HealthCheckEntryDetails.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { HealthCheckEntry } from "../types";
3 | import { Card, Icon } from "semantic-ui-react";
4 | import DiagnosisList from "./DiagnosisList";
5 | import HealthRatingBar from "../components/HealthRatingBar";
6 |
7 | interface HealthCheckEntryDetailsProps {
8 | entry: HealthCheckEntry;
9 | }
10 |
11 | const HealthCheckEntryDetails = ({ entry }: HealthCheckEntryDetailsProps) => {
12 | return (
13 |
21 |
22 |
23 |
24 | {childrenWithVisibilityToggle}
25 |
26 |
27 | No diagnosis codes
} 27 |{entry.description}
21 |Discharge Date: {entry.discharge.date}
22 |Discharge Criteria: {entry.discharge.criteria}
23 |No diagnosis codes
} 29 |loading...
;
11 | }
12 |
13 | if (error) {
14 | return Error: Could not load authors
;
15 | }
16 |
17 | const authors = data.allAuthors;
18 |
19 | return (
20 |
21 |
23 |
24 |
42 |
43 | {token &&
45 | );
46 | };
47 |
48 | export default Authors;
49 |
--------------------------------------------------------------------------------
/part5/bloglist-frontend/.eslintrc.js:
--------------------------------------------------------------------------------
1 | /* eslint-env node */
2 |
3 | module.exports = {
4 | 'env': {
5 | 'browser': true,
6 | 'es6': true,
7 | 'jest/globals': true,
8 | 'cypress/globals': true
9 | },
10 | 'extends': [
11 | 'eslint:recommended',
12 | 'plugin:react/recommended',
13 | 'plugin:cypress/recommended'
14 | ],
15 | 'parserOptions': {
16 | 'ecmaFeatures': {
17 | 'jsx': true
18 | },
19 | 'ecmaVersion': 2018,
20 | 'sourceType': 'module'
21 | },
22 | 'plugins': [
23 | 'react', 'jest', 'cypress'
24 | ],
25 | 'rules': {
26 | 'indent': [
27 | 'error',
28 | 2
29 | ],
30 | 'linebreak-style': [
31 | 'error',
32 | 'windows'
33 | ],
34 | 'quotes': [
35 | 'error',
36 | 'single'
37 | ],
38 | 'semi': [
39 | 'error',
40 | 'always'
41 | ],
42 | 'eqeqeq': 'error',
43 | 'no-trailing-spaces': 'error',
44 | 'object-curly-spacing': [
45 | 'error', 'always'
46 | ],
47 | 'arrow-spacing': [
48 | 'error', { 'before': true, 'after': true }
49 | ],
50 | 'no-console': 0,
51 | 'react/prop-types': 0
52 | },
53 | 'settings': {
54 | 'react': {
55 | 'version': 'detect'
56 | }
57 | }
58 | };
--------------------------------------------------------------------------------
/part3/phonebook-backend/build/static/js/2.732f3632.chunk.js.LICENSE.txt:
--------------------------------------------------------------------------------
1 | /*
2 | object-assign
3 | (c) Sindre Sorhus
4 | @license MIT
5 | */
6 |
7 | /** @license React v0.20.1
8 | * scheduler.production.min.js
9 | *
10 | * Copyright (c) Facebook, Inc. and its affiliates.
11 | *
12 | * This source code is licensed under the MIT license found in the
13 | * LICENSE file in the root directory of this source tree.
14 | */
15 |
16 | /** @license React v17.0.1
17 | * react-dom.production.min.js
18 | *
19 | * Copyright (c) Facebook, Inc. and its affiliates.
20 | *
21 | * This source code is licensed under the MIT license found in the
22 | * LICENSE file in the root directory of this source tree.
23 | */
24 |
25 | /** @license React v17.0.1
26 | * react-jsx-runtime.production.min.js
27 | *
28 | * Copyright (c) Facebook, Inc. and its affiliates.
29 | *
30 | * This source code is licensed under the MIT license found in the
31 | * LICENSE file in the root directory of this source tree.
32 | */
33 |
34 | /** @license React v17.0.1
35 | * react.production.min.js
36 | *
37 | * Copyright (c) Facebook, Inc. and its affiliates.
38 | *
39 | * This source code is licensed under the MIT license found in the
40 | * LICENSE file in the root directory of this source tree.
41 | */
42 |
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/reducers/userReducer.js:
--------------------------------------------------------------------------------
1 | import userService from '../services/users';
2 | import handleError from '../utils/handleError';
3 |
4 | const initialState = {
5 | users: [],
6 | status: 'idle'
7 | };
8 |
9 | const reducer = (state = initialState, action) => {
10 | switch (action.type) {
11 | case 'INIT_USERS_PENDING': {
12 | return {
13 | ...state,
14 | status: 'loading',
15 | };
16 | }
17 | case 'INIT_USERS_SUCCESS': {
18 | return {
19 | users: action.payload,
20 | status: 'succeeded',
21 | };
22 | }
23 | case 'INIT_USERS_ERROR': {
24 | return {
25 | ...state,
26 | status: 'failed',
27 | };
28 | }
29 | default:
30 | return state;
31 | }
32 | };
33 |
34 | export const initializeUsers = () => {
35 | return async (dispatch) => {
36 | dispatch({ type: 'INIT_USERS_PENDING' });
37 |
38 | try {
39 | const users = await userService.getAll();
40 |
41 | dispatch({
42 | type: 'INIT_USERS_SUCCESS',
43 | payload: users,
44 | });
45 | } catch (error) {
46 | handleError(error);
47 |
48 | dispatch({ type: 'INIT_USERS_ERROR' });
49 | }
50 | };
51 | };
52 |
53 | export default reducer;
--------------------------------------------------------------------------------
/part8/library-backend/typeDefs.js:
--------------------------------------------------------------------------------
1 | const { gql } = require('apollo-server');
2 |
3 | const typeDefs = gql`
4 | type Author {
5 | name: String!
6 | born: Int
7 | bookCount: Int!
8 | id: ID!
9 | }
10 | type Book {
11 | title: String!
12 | author: Author!
13 | published: Int!
14 | genres: [String!]!
15 | id: ID!
16 | }
17 | type User {
18 | username: String!
19 | favoriteGenre: String!
20 | id: ID!
21 | }
22 | type Token {
23 | value: String!
24 | }
25 | type Query {
26 | bookCount: Int!
27 | authorCount: Int!
28 | allBooks(
29 | author: String
30 | genre: String
31 | ): [Book!]!
32 | allAuthors: [Author!]!
33 | me: User
34 | }
35 | type Mutation {
36 | addBook(
37 | title: String!
38 | author: String!
39 | published: Int!
40 | genres: [String!]!
41 | ): Book!
42 | editAuthor(
43 | name: String!
44 | setBornTo: Int!
45 | ): Author
46 | createUser(
47 | username: String!
48 | favoriteGenre: String!
49 | ): User
50 | login(
51 | username: String!
52 | password: String!
53 | ): Token
54 | }
55 | type Subscription {
56 | bookAdded: Book!
57 | }
58 | `;
59 |
60 | module.exports = { typeDefs };
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/services/blogs.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | const baseUrl = '/api/blogs';
3 |
4 | let token = null;
5 |
6 | const setToken = newToken => {
7 | token = `Bearer ${newToken}`;
8 | };
9 |
10 | const getAll = async () => {
11 | const response = await axios.get(baseUrl);
12 | return response.data;
13 | };
14 |
15 | const create = async (newObject) => {
16 | const config = {
17 | headers: { Authorization: token },
18 | };
19 |
20 | const response = await axios.post(baseUrl, newObject, config);
21 | return response.data;
22 | };
23 |
24 | const update = async (id, newObject) => {
25 | const config = {
26 | headers: { Authorization: token },
27 | };
28 |
29 | const response = await axios.put(`${baseUrl}/${id}`, newObject, config);
30 | return response.data;
31 | };
32 |
33 | const remove = async (id) => {
34 | const config = {
35 | headers: { Authorization: token },
36 | };
37 |
38 | const response = await axios.delete(`${baseUrl}/${id}`, config);
39 | return response.data;
40 | };
41 |
42 | const comment = async (id, comment) => {
43 | const response = await axios.post(`${baseUrl}/${id}/comments`, { comment });
44 | return response.data;
45 | };
46 |
47 | export default { getAll, create, update, remove, comment, setToken };
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/.eslintrc.js:
--------------------------------------------------------------------------------
1 | /* eslint-env node */
2 |
3 | module.exports = {
4 | 'env': {
5 | 'browser': true,
6 | 'es6': true,
7 | 'jest/globals': true,
8 | 'cypress/globals': true
9 | },
10 | 'extends': [
11 | 'eslint:recommended',
12 | 'plugin:react/recommended',
13 | 'plugin:cypress/recommended'
14 | ],
15 | 'parserOptions': {
16 | 'ecmaFeatures': {
17 | 'jsx': true
18 | },
19 | 'ecmaVersion': 2018,
20 | 'sourceType': 'module'
21 | },
22 | 'plugins': [
23 | 'react', 'jest', 'cypress'
24 | ],
25 | 'rules': {
26 | 'indent': [
27 | 'error',
28 | 2,
29 | { 'SwitchCase': 1 }
30 | ],
31 | 'linebreak-style': [
32 | 'error',
33 | 'windows'
34 | ],
35 | 'quotes': [
36 | 'error',
37 | 'single'
38 | ],
39 | 'semi': [
40 | 'error',
41 | 'always'
42 | ],
43 | 'eqeqeq': 'error',
44 | 'no-trailing-spaces': 'error',
45 | 'object-curly-spacing': [
46 | 'error', 'always'
47 | ],
48 | 'arrow-spacing': [
49 | 'error', { 'before': true, 'after': true }
50 | ],
51 | 'no-console': 0,
52 | 'react/prop-types': 0
53 | },
54 | 'settings': {
55 | 'react': {
56 | 'version': 'detect'
57 | }
58 | }
59 | };
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/reducers/notificationReducer.js:
--------------------------------------------------------------------------------
1 | const initialState = {
2 | message: null,
3 | type: null
4 | };
5 |
6 | const reducer = (state = initialState, action) => {
7 | switch (action.type) {
8 | case 'SHOW_NOTIFICATION': {
9 | const { message, type } = action.payload;
10 | return {
11 | message,
12 | type
13 | };
14 | }
15 | case 'HIDE_NOTIFICATION':
16 | return {
17 | message: null,
18 | type: null
19 | };
20 | default:
21 | return state;
22 | }
23 | };
24 |
25 | let timeoutID = null;
26 |
27 | export const showNotificationWithTimeout = (message, type, seconds = 3) => {
28 | return async (dispatch) => {
29 | dispatch(showNotification(message, type));
30 |
31 | if (timeoutID) {
32 | clearTimeout(timeoutID);
33 | }
34 |
35 | timeoutID = setTimeout(() => {
36 | dispatch(hideNotification());
37 | }, seconds * 1000);
38 | };
39 | };
40 |
41 | export const showNotification = (message, type) => {
42 | return {
43 | type: 'SHOW_NOTIFICATION',
44 | payload: {
45 | message,
46 | type
47 | }
48 | };
49 | };
50 |
51 | export const hideNotification = () => {
52 | return { type: 'HIDE_NOTIFICATION' };
53 | };
54 |
55 | export default reducer;
--------------------------------------------------------------------------------
/part9/patientor-backend/src/services/patientService.ts:
--------------------------------------------------------------------------------
1 | import patients from '../../data/patients';
2 | import {
3 | PublicPatient,
4 | NewPatient,
5 | Patient,
6 | NewEntry,
7 | Entry,
8 | } from "../types";
9 | import { v1 as uuid } from 'uuid';
10 |
11 | const getPatients = (): ArrayAuthors
22 || 26 | | 27 | Born 28 | | 29 |30 | Books 31 | | 32 |
|---|---|---|
| {author.name} | 36 |{author.born} | 37 |{author.bookCount} | 38 |
21 |
33 | );
34 | };
35 |
36 | Togglable.propTypes = {
37 | buttonLabel: PropTypes.string.isRequired,
38 | children: PropTypes.element.isRequired,
39 | };
40 |
41 |
42 | export default Togglable;
--------------------------------------------------------------------------------
/part6/redux-anecdotes/src/components/AnecdoteForm.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { connect } from 'react-redux';
3 | import { addAnecdote } from '../reducers/anecdoteReducer';
4 | import { showNotificationWithTimeout } from '../reducers/notificationReducer';
5 |
6 | const AnecdoteForm = ({ addAnecdote, showNotificationWithTimeout }) => {
7 | const [formValue, setFormValue] = useState('');
8 |
9 | const createAnecdote = async (event) => {
10 | event.preventDefault();
11 |
12 | const anecdote = { content: formValue, votes: 0 };
13 |
14 | addAnecdote(anecdote);
15 |
16 | const message = `Added: '${formValue}'`;
17 | showNotificationWithTimeout(message, 5);
18 |
19 | setFormValue('');
20 | };
21 |
22 | const handleChange = (event) => {
23 | setFormValue(event.target.value);
24 | };
25 |
26 | return (
27 |
38 | );
39 | };
40 |
41 | const mapDispatchToProps = {
42 | addAnecdote,
43 | showNotificationWithTimeout,
44 | };
45 |
46 | export default connect(null, mapDispatchToProps)(AnecdoteForm);
--------------------------------------------------------------------------------
/part1/courseinfo/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 |
4 | const App = () => {
5 | const course = {
6 | name: 'Half Stack application development',
7 | parts: [
8 | {
9 | name: 'Fundamentals of React',
10 | exercises: 10
11 | },
12 | {
13 | name: 'Using props to pass data',
14 | exercises: 7
15 | },
16 | {
17 | name: 'State of a component',
18 | exercises: 14
19 | }
20 | ]
21 | }
22 |
23 | return (
24 |
22 |
25 |
26 |
27 | {childrenWithVisibilityToggle}
28 |
31 |
32 |
25 |
29 | )
30 | }
31 |
32 | const Header = ({ course }) => {
33 | return ({course}
); 34 | } 35 | 36 | const Content = ({ parts }) => { 37 | return ( 38 |
39 |
43 | )
44 | }
45 |
46 | const Total = ({ parts }) => {
47 | return (Number of exercises {parts[0].exercises + parts[1].exercises + parts[2].exercises}
); 48 | } 49 | 50 | const Part = ({ part }) => { 51 | return ( 52 |53 | {part.name} {part.exercises} 54 |
55 | ) 56 | } 57 | 58 | ReactDOM.render(Error: Could not load blogs
;
19 |
20 | if (status === 'loading') return Loading...
;
21 |
22 | return (
23 |
24 |
26 | }
28 |
38 | );
39 | };
40 |
41 | export default BlogList;
--------------------------------------------------------------------------------
/part9/patientor-backend/src/routes/patients.ts:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import patientService from '../services/patientService';
3 | import { toNewPatient, toNewEntry } from '../utils';
4 |
5 | const router = express.Router();
6 |
7 | router.get('/', (_req, res) => {
8 | res.json(patientService.getPatients());
9 | });
10 |
11 | router.post('/', (req, res) => {
12 | try {
13 | const newPatient = toNewPatient(req.body);
14 |
15 | const addedPatient = patientService.addPatient(newPatient);
16 | res.json(addedPatient);
17 | } catch (error) {
18 | res.status(400).send({ error: error.message });
19 | }
20 | });
21 |
22 | router.get('/:id', (req, res) => {
23 | const patient = patientService.findPatientById(req.params.id);
24 |
25 | if (patient) {
26 | res.json(patient);
27 | } else {
28 | res.sendStatus(404);
29 | }
30 | });
31 |
32 | router.post('/:id/entries', (req, res) => {
33 | try {
34 | const newEntry = toNewEntry(req.body);
35 |
36 | const updatedPatient = patientService.addEntry(req.params.id, newEntry);
37 |
38 | if (!updatedPatient) {
39 | res.status(400).send({ error: "invalid patient id" });
40 | } else {
41 | res.json(updatedPatient);
42 | }
43 | } catch (error) {
44 | res.status(400).send({ error: error.message });
45 | }
46 | });
47 |
48 | export default router;
--------------------------------------------------------------------------------
/part9/patientor-frontend/src/PatientPage/OccupationalHealthcareEntryDetails.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { OccupationalHealthcareEntry } from "../types";
3 | import { Card, Icon } from "semantic-ui-react";
4 | import DiagnosisList from "./DiagnosisList";
5 |
6 | interface OccupationalHealthcareEntryDetailsProps {
7 | entry: OccupationalHealthcareEntry;
8 | }
9 |
10 | const OccupationalHealthcareEntryDetails = ({ entry }: OccupationalHealthcareEntryDetailsProps) => {
11 | return (
12 | Blogs
25 | {isLoggedIn &&-
29 | {blogs.map((blog) => {
30 | return (
31 |
{entry.description}
21 |Employer: {entry.employerName}
22 | {entry.sickLeave && 23 |Sick Leave: {entry.sickLeave.startDate} to {entry.sickLeave.endDate}
} 24 |No diagnosis codes
} 30 |
52 |
60 | )
61 | }
62 |
63 | export default App;
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/components/Navigation.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import AppBar from '@material-ui/core/AppBar';
4 | import ToolBar from '@material-ui/core/ToolBar';
5 | import Button from '@material-ui/core/Button';
6 | import { useDispatch, useSelector } from 'react-redux';
7 | import { logOut } from '../reducers/authenticationReducer';
8 |
9 | const Navigation = () => {
10 |
11 | const dispatch = useDispatch();
12 |
13 | const { user, isLoggedIn } = useSelector((state) => state.authentication);
14 |
15 | const handleLogout = () => {
16 | dispatch(logOut());
17 | };
18 |
19 | return (
20 | Web development curriculum
53 | {courses.map(course => 54 |{user.name} is logged in
: null}
36 |
33 |
51 | );
52 |
53 | };
54 |
55 | export default CreateNew;
--------------------------------------------------------------------------------
/part4/blog-list-backend/app.js:
--------------------------------------------------------------------------------
1 | const config = require('./utils/config');
2 | const express = require('express');
3 | require('express-async-errors');
4 | const app = express();
5 | const cors = require('cors');
6 | const loginRouter = require('./controllers/login');
7 | const usersRouter = require('./controllers/users');
8 | const blogsRouter = require('./controllers/blogs');
9 | const { requestLogger, tokenExtractor, unknownEndpoint, errorHandler } = require('./utils/middleware');
10 | const logger = require('./utils/logger');
11 | const mongoose = require('mongoose');
12 |
13 | mongoose.connect(
14 | config.MONGODB_URI,
15 | {
16 | useNewUrlParser: true,
17 | useUnifiedTopology: true,
18 | useFindAndModify: false,
19 | useCreateIndex: true
20 | })
21 | .then(() => {
22 | logger.info('connected to MongoDb');
23 | })
24 | .catch((error) => {
25 | logger.error('error connecting to MongoDB:', error.message);
26 | });
27 |
28 | app.use(cors());
29 | app.use(express.json());
30 | app.use(requestLogger);
31 | app.use(tokenExtractor);
32 |
33 | app.use('/api/login', loginRouter);
34 | app.use('/api/users', usersRouter);
35 | app.use('/api/blogs', blogsRouter);
36 |
37 | if (process.env.NODE_ENV === 'test') {
38 | const testingRouter = require('./controllers/testing');
39 | app.use('/api/testing', testingRouter);
40 | }
41 |
42 | app.use(unknownEndpoint);
43 | app.use(errorHandler);
44 |
45 | module.exports = app;
--------------------------------------------------------------------------------
/part7/blog-list-backend-extended/app.js:
--------------------------------------------------------------------------------
1 | const config = require('./utils/config');
2 | const express = require('express');
3 | require('express-async-errors');
4 | const app = express();
5 | const cors = require('cors');
6 | const loginRouter = require('./controllers/login');
7 | const usersRouter = require('./controllers/users');
8 | const blogsRouter = require('./controllers/blogs');
9 | const { requestLogger, tokenExtractor, unknownEndpoint, errorHandler } = require('./utils/middleware');
10 | const logger = require('./utils/logger');
11 | const mongoose = require('mongoose');
12 |
13 | mongoose.connect(
14 | config.MONGODB_URI,
15 | {
16 | useNewUrlParser: true,
17 | useUnifiedTopology: true,
18 | useFindAndModify: false,
19 | useCreateIndex: true
20 | })
21 | .then(() => {
22 | logger.info('connected to MongoDb');
23 | })
24 | .catch((error) => {
25 | logger.error('error connecting to MongoDB:', error.message);
26 | });
27 |
28 | app.use(cors());
29 | app.use(express.json());
30 | app.use(requestLogger);
31 | app.use(tokenExtractor);
32 |
33 | app.use('/api/login', loginRouter);
34 | app.use('/api/users', usersRouter);
35 | app.use('/api/blogs', blogsRouter);
36 |
37 | if (process.env.NODE_ENV === 'test') {
38 | const testingRouter = require('./controllers/testing');
39 | app.use('/api/testing', testingRouter);
40 | }
41 |
42 | app.use(unknownEndpoint);
43 | app.use(errorHandler);
44 |
45 | module.exports = app;
--------------------------------------------------------------------------------
/part5/bloglist-frontend/src/components/AddBlogForm.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render, fireEvent } from '@testing-library/react';
3 | import '@testing-library/jest-dom/extend-expect';
4 | import AddBlogForm from './AddBlogForm';
5 |
6 | describe('create a new anecdote
34 | 50 |
20 |
43 | );
44 | };
45 |
46 | LoginForm.propTypes = {
47 | handleLogin: PropTypes.func.isRequired,
48 | };
49 |
50 | export default LoginForm;
--------------------------------------------------------------------------------
/part7/blog-list-frontend-extended/src/components/CommentForm.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { useDispatch, useSelector } from 'react-redux';
3 | import { addComment } from '../reducers/blogReducer';
4 | import TextField from '@material-ui/core/TextField';
5 | import Button from '@material-ui/core/Button';
6 | import { makeStyles } from '@material-ui/core/styles';
7 |
8 | const useStyles = makeStyles((theme) => ({
9 | form: {
10 | '& > *': {
11 | marginTop: theme.spacing(1),
12 | marginBottom: theme.spacing(1),
13 | },
14 | },
15 | }));
16 |
17 | const CommentForm = ({ blog }) => {
18 | const classes = useStyles();
19 |
20 | const dispatch = useDispatch();
21 |
22 | const [comment, setComment] = useState('');
23 |
24 | const { isLoggedIn } = useSelector((state) => state.authentication);
25 |
26 | const handleSubmit = async (event) => {
27 | event.preventDefault();
28 |
29 | dispatch(addComment(blog.id, comment));
30 |
31 | setComment('');
32 | };
33 |
34 | if (!isLoggedIn) return null;
35 |
36 | return (
37 |
47 | );
48 | };
49 |
50 | export default CommentForm;
--------------------------------------------------------------------------------
/part8/library-frontend/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 | import { setContext } from '@apollo/client/link/context';
5 | import { getMainDefinition } from '@apollo/client/utilities';
6 | import { WebSocketLink } from '@apollo/client/link/ws';
7 |
8 | import {
9 | ApolloClient,
10 | ApolloProvider,
11 | HttpLink,
12 | InMemoryCache,
13 | split,
14 | } from '@apollo/client';
15 |
16 | const authLink = setContext((_, { headers }) => {
17 | const token = localStorage.getItem('library-user-token');
18 | return {
19 | headers: {
20 | ...headers,
21 | authorization: token ? `Bearer ${token}` : null,
22 | }
23 | };
24 | });
25 |
26 | const httpLink = new HttpLink({ uri: 'http://localhost:4000' });
27 |
28 | const wsLink = new WebSocketLink({
29 | uri: 'ws://localhost:4000/graphql',
30 | options: {
31 | reconnect: true
32 | }
33 | });
34 |
35 | const splitLink = split(
36 | ({ query }) => {
37 | const definition = getMainDefinition(query);
38 | return (
39 | definition.kind === 'OperationDefinition' &&
40 | definition.operation === 'subscription'
41 | );
42 | },
43 | wsLink,
44 | authLink.concat(httpLink),
45 | );
46 |
47 | const client = new ApolloClient({
48 | cache: new InMemoryCache(),
49 | link: splitLink,
50 | });
51 |
52 | ReactDOM.render(
53 | Log in to Application
21 | 42 |loading...
;
23 | }
24 |
25 | if (booksError || filteredBooksError) {
26 | return Error: Could not load books
;
27 | }
28 |
29 | return (
30 |
31 |
44 | );
45 | };
46 |
47 | export default Books;
--------------------------------------------------------------------------------
/part9/courseinfo-typescript/src/App.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Header from './components/Header';
3 | import Content from './components/Content';
4 | import Total from './components/Total';
5 | import { CoursePart } from './types';
6 |
7 | const App = () => {
8 | const courseName = "Half Stack application development";
9 | const courseParts: CoursePart[] = [
10 | {
11 | name: "Fundamentals",
12 | exerciseCount: 10,
13 | description: "This is the leisured course part",
14 | type: "normal"
15 | },
16 | {
17 | name: "Advanced",
18 | exerciseCount: 7,
19 | description: "This is the harded course part",
20 | type: "normal"
21 | },
22 | {
23 | name: "Using props to pass data",
24 | exerciseCount: 7,
25 | groupProjectCount: 3,
26 | type: "groupProject"
27 | },
28 | {
29 | name: "Deeper type usage",
30 | exerciseCount: 14,
31 | description: "Confusing description",
32 | exerciseSubmissionLink: "https://fake-exercise-submit.made-up-url.dev",
33 | type: "submission"
34 | },
35 | {
36 | name: "Backend development",
37 | exerciseCount: 21,
38 | description: "Typing the backend",
39 | requirements: ["nodejs", "jest"],
40 | type: "special"
41 | },
42 | ]
43 |
44 | return (
45 | Books
32 |show:
33 |
42 |
46 |
47 |
48 |
49 |
50 | );
51 | };
52 |
53 | export default App;
--------------------------------------------------------------------------------
/part3/phonebook-backend/build/static/js/runtime-main.a212f097.js:
--------------------------------------------------------------------------------
1 | !function(e){function r(r){for(var n,l,p=r[0],f=r[1],i=r[2],c=0,s=[];c
24 | {anecdotes.sort((a, b) => b.votes - a.votes).map(anecdote =>
25 |
36 | );
37 | };
38 |
39 | const mapStateToProps = ({ anecdotes, filter }) => {
40 | const filteredAnecdotes = anecdotes.filter((anecdote) => {
41 | return anecdote.content.toLowerCase().includes(filter.toLowerCase());
42 | });
43 |
44 | return {
45 | anecdotes: filteredAnecdotes
46 | };
47 | };
48 |
49 | const mapDispatchToProps = {
50 | voteAnecdote,
51 | showNotificationWithTimeout,
52 | };
53 |
54 | export default connect(mapStateToProps, mapDispatchToProps)(AnecdoteList);
--------------------------------------------------------------------------------
/part8/library-frontend/src/components/BirthYearForm.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { useMutation } from '@apollo/client';
3 | import { EDIT_AUTHOR } from '../queries';
4 |
5 | const BirthYearForm = ({ authors }) => {
6 | const [name, setName] = useState(authors[0].name);
7 | const [born, setBorn] = useState('');
8 |
9 | const [editAuthor] = useMutation(EDIT_AUTHOR, {
10 | onError: (error) => {
11 | console.error(error);
12 | }
13 | });
14 |
15 | const submit = async (event) => {
16 | event.preventDefault();
17 |
18 | const bornInt = Number.parseInt(born, 10);
19 |
20 | editAuthor({
21 | variables: {
22 | name,
23 | born: bornInt,
24 | }
25 | });
26 |
27 | setBorn('');
28 | };
29 |
30 | return (
31 |
26 |
34 | )}
35 |
27 | {anecdote.content}
28 |
29 |
30 | has {anecdote.votes}
31 |
32 |
33 |
32 |
54 | );
55 | };
56 |
57 | export default BirthYearForm;
--------------------------------------------------------------------------------
/part9/patientor-frontend/README.md:
--------------------------------------------------------------------------------
1 | # Patientor - frontend
2 |
3 | A medical record app that provides and updates patient details and medical records. The provided front end was expanded to add pages for displaying patient details and medical records. Formik and Yup were used to create a maintainable form for adding medical records. Semantic UI React was also used.
4 |
5 | ## Screenshots
6 | Set birth year
33 | 53 |
7 | 
8 | 
9 | 
10 | 
11 |
24 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser. 25 | 26 | The page will reload if you make edits.
27 | You will also see any lint errors in the console. 28 | 29 | ### `npm build` 30 | 31 | Builds the app for production to the `build` folder.
32 | It correctly bundles React in production mode and optimizes the build for the best performance. 33 | 34 | The build is minified and the filenames include the hashes.
35 | Your app is ready to be deployed! 36 | 37 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 38 | -------------------------------------------------------------------------------- /part3/phonebook-backend/mongo.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose'); 2 | 3 | if (process.argv.length <= 2 || process.argv.length === 4 || process.argv.length >= 6) { 4 | console.log('Please provide the password as an argument: node mongo.js
40 |
52 | );
53 | }
54 |
55 | export default App;
56 |
--------------------------------------------------------------------------------
Getting countries data...
}
45 | {isError && Error: Could not get countries data
}
46 | {!gettingCountries &&