You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+18-57Lines changed: 18 additions & 57 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,13 +10,11 @@ This is a solution to the [Contact form challenge on Frontend Mentor](https://ww
10
10
-[Links](#links)
11
11
-[My process](#my-process)
12
12
-[Built with](#built-with)
13
-
-[What I learned](#what-i-learned)
14
13
-[Continued development](#continued-development)
15
14
-[Useful resources](#useful-resources)
16
15
-[Author](#author)
17
-
-[Acknowledgments](#acknowledgments)
18
-
19
-
**Note: Delete this note and update the table of contents based on what sections you keep.**
16
+
-[Connect with Me](#Connect-with-Me)
17
+
-[Coding Profiles](#Coding-Profiles)
20
18
21
19
## Overview
22
20
@@ -35,15 +33,7 @@ Users should be able to:
35
33
36
34
### Screenshot
37
35
38
-

39
-
40
-
Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it.
41
-
42
-
Alternatively, you can use a tool like [FireShot](https://getfireshot.com/) to take the screenshot. FireShot has a free option, so you don't need to purchase it.
43
-
44
-
Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above.
45
-
46
-
**Note: Delete this note and the paragraphs above when you add your screenshot. If you prefer not to add a screenshot, feel free to remove this entire section.**
36
+

47
37
48
38
### Links
49
39
@@ -57,61 +47,32 @@ Then crop/optimize/edit your image however you like, add it to your project, and
57
47
- Semantic HTML5 markup
58
48
- CSS custom properties
59
49
- Flexbox
60
-
- CSS Grid
61
50
- Mobile-first workflow
62
-
-[React](https://reactjs.org/) - JS library
63
-
-[Next.js](https://nextjs.org/) - React framework
64
-
-[Styled Components](https://styled-components.com/) - For styles
65
-
66
-
**Note: These are just examples. Delete this note and replace the list above with your own choices**
67
-
68
-
### What I learned
69
-
70
-
Use this section to recap over some of your major learnings while working through this project. Writing these out and providing code samples of areas you want to highlight is a great way to reinforce your own knowledge.
71
-
72
-
To see how you can add code snippets, see below:
73
-
74
-
```html
75
-
<h1>Some HTML code I'm proud of</h1>
76
-
```
77
-
```css
78
-
.proud-of-this-css {
79
-
color: papayawhip;
80
-
}
81
-
```
82
-
```js
83
-
constproudOfThisFunc= () => {
84
-
console.log('🎉')
85
-
}
86
-
```
87
-
88
-
If you want more help with writing markdown, we'd recommend checking out [The Markdown Guide](https://www.markdownguide.org/) to learn more.
89
-
90
-
**Note: Delete this note and the content within this section and replace with your own learnings.**
51
+
- JavaScript
52
+
- bem - [Block Element Modifier](https://getbem.com/introduction/)
Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.
57
+
I have already completed two JavaScript courses on freeCodeCamp, and I am currently taking the Front End Development Libraries course, where I’ve finished Bootstrap, jQuery, and Sass, and I’m now working through React.
95
58
96
-
**Note: Delete this note and the content within this section and replace with your own plans for continued development.**
59
+
Alongside this, I am working on projects and following a learning path on Frontendmentor.
97
60
98
61
### Useful resources
99
62
100
-
-[Example resource 1](https://www.example.com) - This helped me for XYZ reason. I really liked this pattern and will use it going forward.
101
-
-[Example resource 2](https://www.example.com) - This is an amazing article which helped me finally understand XYZ. I'd recommend it to anyone still learning this concept.
102
-
103
-
**Note: Delete this note and replace the list above with resources that helped you during the challenge. These could come in handy for anyone viewing your solution or for yourself when you look back on this project in the future.**
63
+
-[ChatGPT](https://chatgpt.com/) - He is my hero, if I need something fast, if I can't understand something, or if I can't find it on the internet, I always ask him.
64
+
-[W3Schools](https://www.w3schools.com/) - This is my favorite documentation platform I've been using since I started programming, it's the best explained resource.
65
+
-[YouTube](https://www.youtube.com/) - I'm always looking for news and listening to other developers, sharing their experiences so that I can see many different solutions to a problem.
104
66
105
67
## Author
106
68
107
-
- Website - [Add your name here](https://www.your-site.com)
This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.
74
+
### Coding Profiles
116
75
117
-
**Note: Delete this note and edit this section's content as necessary. If you completed this challenge by yourself, feel free to delete this section entirely.**
0 commit comments