sharaf-mansour / cvbuilder Goto Github PK
View Code? Open in Web Editor NEWA Repo For CV Builder using Dotnet8
Home Page: https://orange-plant-0c1e63203.azurestaticapps.net/
A Repo For CV Builder using Dotnet8
Home Page: https://orange-plant-0c1e63203.azurestaticapps.net/
in our Razor implementation we wrote the following code.
<label>Data</label>
<input class="form-control" @bind-value="CVModel.CV.Certifications[j].Value" />
As this code appear very normal still it does not follow the Standards!
adding [Place Holder] for input and [for] Label
<label for='@($"LocationName-{j}")'>School Name</label>
<InputText maxlength = "40" class="form-control" id='@($"LocationName-{j}")' @bind-Value="CVModel.CV.Educations![j].LocationName" placeholder="School Name" />
Effective form labels are required to make forms accessible. The purpose of form elements such as checkboxes, radio buttons, input fields, etcetera, is often apparent to sighted users, even if the form element is not programmatically labeled. Screen readers users require useful form labels to identify form fields. Adding a label to all form elements eliminates ambiguity and contributes to a more accessible product.
When labels for form elements are absent, screen reader users do not know the input data expectations. Screen readers cannot programmatically determine information about input objects without an established label relationship (or redundant text serving as a label).
The absence of labels prevent fields from receiving focus when read by screen readers, and users with impaired motor control do not get the benefit of a larger clickable area for the control since clicking the label activates the control.
If user select a a wrong file with big size. an error should be shown
Current Model does not have a Fully Supported Certificate Model
That stores Name - Year - Expire date - credential URL
This should be totally Optional and should have limit size for Profile Picture as it will be saved in Json as string.
This needs a lot of research before implementation
send generated CV to my mail
In the current model our users are forced to go throw a Next Next Next Next Next finish approach were they are asked to follow simple steps to build the CV
It would be better if they could select what sections they need in the CV before the building starts
E.G.
To do that we need to finish the Section Selection Component and Model. and build it in a way that we can edit it any time to add more sections as easy as possible.
The changed date is saved on cancel
Add the date to the Cloned object inside Date Model
I got an error "Date of birth is not vaild" while I insert my date of birth using Firefox on Linux.
also the message has a typo.
The current model has no Country Validator.
User has no idea what the CV looks like until the very end.
We need to somehow implement a live preview to CV builder model that follow those rules.
1. Responsive
2. Does not impact performance
3. Does not break the current model
4. Easy to use
5. Not too hard to implement
6. Refresh only on submits
The service worker requires all tabs of the application to be shut down before installing latest update.
add the following code in the on Install Function.
self.skipWaiting();
Forcing skip will make the application install in the background and on refresh it will load no need to complete Shutdown.
This should not effect Offline Support at all.
When there is no phone or email it shows both errors the not null and format.
It should only show the format error if the value was not null
When Loading a CV. The App break
Address and Workplace are not getting cloned on Cancel
Use this code inside References.cs
public object Clone () => new References () {
Name = this.Name,
Email = this.Email,
Phone = this.Phone,
JobTitle = this.JobTitle,
WorkPlace = this.WorkPlace,
Address = this.Address
};
As said in issue #11 The Object is Saved on Cancel.
After code study, turns out. Object was not getting cloned correctly and needed some fixes
object ICloneable.Clone()
To public object Clone()
Date = (DateModel)this.Date.Clone()
I might consider this a milestone as Validator is always improving
But lets use this to track issues for now.
In the current Model, We use string to store the address with no max length
This means no standard format.
we need to do Address Standardization
By creating address UI Component, Model and Validation.
In a reusable state
Note that address need to be Country - City - Postal/ZIP Code - area and street with each one need be optional as Address in CV is totally optional
Also Area and street should have max of 50 char for sizing
We need to separate The Download from the Upload from the preview.
This will help with reusability, maintainability and stability
The current Model has only 1 CV Template Which is based on This and This
There are more inspiring top notch Templates Here
As this will be breaking.
On each Template we will need To create separate Folder that contain all CV CSS and Fonts and Design. With Links and credits to original/Inspiration Source if Possible.
And somehow try to not break anything when adding more Templates.
There is no need to set a milestone for this. as this should be after Implanting every missing feature or reach a stable release.
As adding a missing feature will require us to implement it in every single template we make and that would be too much headache
Adopting dynamic programing would fix this. but will impact performance
But as an idea for now. We should array of Templates and then Render the one the user selects
The current Model does not have a home page where user can choose between building a new CV or Edit a current one.
When user presses any Add Button when model is in Edit states
It shows no validation
Change Add Button to Submit
Notify user about using A4 and disable headers and footers when printing.
The current model is focusing on Resume design.
What if our user want to build simple CV or Cover Letter ?
We need to study more the key difference between all 3 and then choose from: -
The current model Has a file called Index.razor and Index.razor.css
They are the Current CV design Files
There is a lot of Redundancy that can be Simplified.
What I want is to have a clean cut Template file that get the job done as simple as possible.
So that I can modify it easily to make other templates.
The current model is ready to be hosted on azure.
When user Does not safe it show info Please save
And if he has invalid date ask to valid
Also tell the user at the start that this data is not saved
The Current UI and UX is good enough for testing but not for production.
It need to follow some standards like using fast blazor
Also Prototyping a better design using XD for example.
It is a good chance to learn something new.
The UI work will be the following
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.